Javascript学习笔记--数组

此文为学习中查漏补缺，方便遗忘时查阅

数组相关操作

var arr = [1, 2, 3];

//javascript中数组对于越界处理，填充undefined
arr.length; // 3
arr.length = 6;// arr变为[1, 2, 3, undefined, undefined, undefined]
arr.length = 2;//arr变为[1, 2]

arr[1] = 12; // arr变为[1, 12]
arr[3] = 'x'; // arr变为[1, 12, undefined, 'x']

arr.indexOf('x'); // 元素x的索引为3
arr.indexOf('xxxx'); // 没有找到元素xxxx，返回-1
arr.indexOf('1'); // 没有找到元素'1'，返回-1,这里注意区分’1‘和1

//
//1.slice操作都是返回一个新Array
var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
arr.slice(0, 3); // 从索引0开始，到索引3结束，但不包括索引3: ['A', 'B', 'C']
arr.slice(3); // 从索引3开始到结束: ['D', 'E', 'F', 'G']
var aCopy = arr.slice();
aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G']
aCopy === arr; // false

//2.push(Array末尾添加元素)和pop(Array末尾删除元素)
var arr = [1, 2];
arr.push('A', 'B'); // 返回Array新的长度: 4
arr; // [1, 2, 'A', 'B']
arr.pop(); // pop()返回'B'
arr; // [1, 2, 'A']
arr.pop(); arr.pop(); arr.pop(); // 连续pop 3次
arr; // []
arr.pop(); // 空数组继续pop不会报错，而是返回undefined
arr; // []

//3.unshift(Array头部添加元素)和shift(Array头部删除元素)
var arr = [1, 2];
arr.unshift('A', 'B'); // 返回Array新的长度: 4
arr; // ['A', 'B', 1, 2]
arr.shift(); // 'A'
arr; // ['B', 1, 2]
arr.shift(); arr.shift(); arr.shift(); // 连续shift 3次
arr; // []
arr.shift(); // 空数组继续shift不会报错，而是返回undefined
arr; // []

//4.sort(对当前数组进行默认排序)
var arr = ['B', 'C', 'A'];
arr.sort();
arr; // ['A', 'B', 'C']

//5.reverse(当前数组元素反转)
var arr = ['one', 'two', 'three'];
arr.reverse(); 
arr; // ['three', 'two', 'one']

//6.splice(修改数组的万能方法，也是常用的方法)
var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
// 从索引2开始删除3个元素,然后再添加两个元素:
arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
// 只删除,不添加:
arr.splice(2, 2); // ['Google', 'Facebook']
arr; // ['Microsoft', 'Apple', 'Oracle']
// 只添加,不删除:
arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']

//7.concat(拼接数组)
var arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]
//注意，可以拼接任意个元素和Array，并且会把Array拆分成元素拼到数组中

//8.join(将数组拆分成指定字符连接的字符串)
var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'

以后会继续补充
廖雪峰https://www.liaoxuefeng.com/wiki/1022910821149312/1023020967732032

补充1
数组去重的几种方法

//1.set转换法
//缺点：无法去除重复{}
let arr = [1, 2, 1, 'aa', 'bb', NaN,  NaN, {}, {}]
return Array.from(new set(arr))// [1, 2, 'aa', 'bb', NaN, {}, {}]

//2.两层for循环,利用splice删除重复元素
//缺点：无法去除重复{},NaN(在之前的数据类型一篇里讲到NaN==NaN返回false)
let arr = [1, 2, 1, 'aa', 'bb', NaN,  NaN, {}, {}]
for(var i=0; i<arr.length; i++){
  for(var j=i+1; j<arr.length; j++){
    if(arr[i]==arr[j]){         //第一个等同于第二个，splice方法删除第二个
      arr.splice(j,1);
      j--;
    }
  }
}
return arr;// [1, 2, 'aa', 'bb', NaN, NaN, {}, {}]

//3.利用includes
var array =[];
for(var i = 0; i < arr.length; i++) {
  if( !array.includes( arr[i]) ) {//includes 检测数组是否有某个值
    array.push(arr[i]);
  }
}
return array;// [1, 2, 'aa', 'bb', NaN, NaN, {}, {}]

补充2
判断是否为数组类型

let arr = [1, 2, 3]
//1
arr instanceof Array
//2
Array.isArray(arr)