javascript 高级编程系列 - 数组

1. Array.of 创建数组

const items  = Array.of(1, 2, 3);
console.log(items);

2. Array.from 将可迭代对象或类数组对象转换为数组

const items = Array.from('123');
console.log(items);

3. Array.prototype.find & Array.prototype.findeIndex

在数组中查找符合条件的第一个元素和元素索引

const items = [1, 2, 3, 4];
const number = items.find((val) => val % 2 === 0);
const index  = items.findIndex((val) => val % 2 === 0);
console.log(index, ':', number); // 1:2

4. Array.prototype.indexOf & Array.prototype.lastIndexOf

在数组中查找指定元素第一次出现的索引

const items = [1, 2, 1, 4];
const first = items.indexOf(1);
const last = items.lastIndexOf(1);
console.log(first);  // 0
console.log(last);   // 2

5.Array.prototype.fill 用指定的数据填充数组

填充所有的位置

const items = [1, 2, 3, 4];
items.fill(1);
console.log(items); // [1, 1, 1, 1]

从索引2位置开始填充整个数组

const items = [1, 2, 3, 4];
items.fill(1, 2);
console.log(items); // [1, 2, 1, 1]

从索引1开始填充到索引3的位置（不包括索引3）

const items = [1, 2, 3, 4];
items.fill(1, 1, 3);
console.log(items); // [1, 1, 1, 4]

给数组设定默认值

const array = new Array(4);  // 设定数组长度为4
array.fill(1);
console.log(array); // [1, 1, 1, 1]

6. Array.prototype.copyWithin 复制和粘贴数组元素

从索引2的位置开始粘贴，从索引0的位置开始复制

const items = [1, 2, 3, 4];
items.copyWithin(2, 0);
console.log(items);   // [1, 2, 1, 2]

从索引2的位置开始粘贴，从索引0的位置开始复制，到索引1时停止复制

const items = [1, 2, 3, 4];
items.copyWithin(2, 0, 1);
console.log(items);   // [1, 2, 1, 4]