深入剖析ES6数组，开启编程新境界

输入
JS基础知识总结（十二）：ES6 数组的扩展

文章标题

SEO关键词

文章

正文

1. ES6 数组的创建

在ES6中，创建数组有两种方式：数组字面量和new Array()。数组字面量语法更加简洁直观，推荐使用。例如：

// 数组字面量
const array1 = [];
const array2 = [1, 2, 3];

2. ES6 数组的遍历

ES6中提供了多种遍历数组的方法，包括forEach()、map()、filter()、reduce()等。这些方法使数组的遍历变得更加方便和高效。例如：

// forEach()
const array1 = [1, 2, 3];
array1.forEach((item) => {
  console.log(item);
});

// map()
const array2 = [1, 2, 3];
const doubledArray = array2.map((item) => {
  return item * 2;
});

// filter()
const array3 = [1, 2, 3, 4, 5];
const evenArray = array3.filter((item) => {
  return item % 2 === 0;
});

// reduce()
const array4 = [1, 2, 3, 4, 5];
const sum = array4.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
});

3. ES6 数组的操作

ES6中提供了许多操作数组的方法，包括push()、pop()、shift()、unshift()、slice()、splice()等。这些方法可以方便地对数组进行添加、删除、插入、截取等操作。例如：

// push()
const array1 = [1, 2, 3];
array1.push(4);

// pop()
const array2 = [1, 2, 3];
const lastItem = array2.pop();

// shift()
const array3 = [1, 2, 3];
const firstItem = array3.shift();

// unshift()
const array4 = [1, 2, 3];
array4.unshift(0);

// slice()
const array5 = [1, 2, 3, 4, 5];
const subArray = array5.slice(1, 3);

// splice()
const array6 = [1, 2, 3, 4, 5];
array6.splice(2, 1, 'a', 'b');

4. ES6 数组的排序

ES6中提供了sort()方法对数组进行排序。sort()方法可以根据不同的比较函数对数组中的元素进行排序。例如：

// 升序排序
const array1 = [1, 3, 2];
array1.sort((a, b) => {
  return a - b;
});

// 降序排序
const array2 = [1, 3, 2];
array2.sort((a, b) => {
  return b - a;
});