js 数组操作

数组

简单的数组创建

// 纯数字数组
var arr1 = [1, 2, 3, 4, 5];

// 获取数组长度
arr1.length;

// 包含不同类型的数组
var arr2 = [1, "a", 3, 4, "5"];

// 数组的嵌套
var arr3 = [1, 2, 3, [4, 5, 6], 7, { x: 1, y: 2 }, arr2];

// 包含 undefined 的数组
var arr4 = [1, , 3];

// 数组中最后是可以包含一个 逗号 的
var arr5 = [, ,]; //arr5.length == 2

var arr6 = new Array(3); //=> 等价于 arr6=[,,,]

// 数组采用 delete 删除其长度不变，空缺出来的那一项是 undefined
var arr7 = [1, 3, 5, 7];
delete arr7[2];

// 数组会补全空缺的位置
var arr7 = [];
arr7[0] = 1;
arr7[1] = 3;
arr7[4] = 9;

数组的增删

var arr = [1, 2, 3];
// 尾部新增
arr.push(5);

// 头部增加
arr.unshift(0);

// 尾部删除
var num = arr.pop(); // 返回值是被删除的数据

// 尾部删除的第二种方式
arr.length -= 1;

// 头部删除
var num = arr.shift(); // 返回值是被删除的数据

in 在数组中的运用

var arr = [1, 3, 5, 7];
3 in arr; // 判断数组中是否包含下标为 3 的值 （ true ）
delete arr[3];
3 in arr; //false

稀疏数组

稀疏数组是指不含有连续索引的数组，一般 length 会比实际的元素个数大

// 以下全都是稀疏数组
var arr1 = [, , ,]; // 0 in arr1 => false
var arr2 = [, 1, 2]; // 0 in arr2 => false
var arr3 = new Array(3); // 0 in arr3 => false

伪数组(有下标，有 length)

内容按照索引方式存储，包含一个 length 属性

// 下面两个都是 伪数组
{0:'a',1:'b',length:2}
{length:5}

伪数组转变为数组

let args = [].slice.call(arguments);
// or
let imgs = [].slice.call(document.querySelectorAll("img"));
// or
let args1 = Array.from(arguments);
// or
let arr = Array.from({ length: 5 }, function () {
  return 1;
});

判断一个变量是不是数组

Array.isArray(data);