前端JavaScript篇之ES6中数组新增了哪些扩展?

目录

• ES6中数组新增了哪些扩展?
• • [1. **箭头函数：**](#1. 箭头函数：)
  • [2. **扩展运算符（Spread Operator）：**](#2. 扩展运算符（Spread Operator）：)
  • [3. **解构赋值：**](#3. 解构赋值：)
  • [4. **Array.from()方法：**](#4. Array.from()方法：)
  • [5. **Array.of()方法：**](#5. Array.of()方法：)
  • [6. **find()和findIndex()方法：**](#6. find()和findIndex()方法：)
  • [7. **includes()方法：**](#7. includes()方法：)
  • [8. **fill()方法：**](#8. fill()方法：)

---

ES6中数组新增了哪些扩展?

ES6（ECMAScript 2015）为数组引入了许多新的扩展和功能。以下是ES6中数组新增的一些主要特性：

1. 箭头函数：

ES6引入了箭头函数，它简化了函数的书写，并且在一些情况下可以更好地处理this关键字。箭头函数通常在数组方法中使用。

// ES5
array.map(function (item) {
return item * 2
})

// ES6
array.map(item => item * 2)

2. 扩展运算符（Spread Operator）：

扩展运算符用于将数组展开成独立的元素，或将多个元素合并成一个数组。

let array1 = [1, 2, 3]
let array2 = [4, 5, 6]

let mergedArray = [...array1, ...array2]

3. 解构赋值：

解构赋值可以方便地从数组中提取值并赋给变量。

let [first, second, third] = [1, 2, 3]

4. Array.from()方法：

Array.from()方法用于将类数组对象或可迭代对象转换为数组。

let array = Array.from('hello')
// Result: ['h', 'e', 'l', 'l', 'o']

5. Array.of()方法：

Array.of()方法用于创建一个具有可变数量参数的新数组实例。

let newArray = Array.of(1, 2, 3, 4, 5)

6. find()和findIndex()方法：

find()用于查找数组中满足条件的第一个元素，findIndex()用于查找数组中满足条件的第一个元素的索引。

let result = array.find(item => item > 3)
// Result: 4

let index = array.findIndex(item => item > 3)
// Result: 3 (index of 4)

7. includes()方法：

includes()方法用于判断数组是否包含某个元素，返回布尔值。

let isPresent = array.includes(3)
// Result: true

8. fill()方法：

fill()方法用于用静态值填充数组的所有元素。

let newArray = new Array(5).fill(0)
// Result: [0, 0, 0, 0, 0]

这些是ES6中引入的一些数组的新特性，它们提供了更简洁、方便和强大的数组操作方式。

持续学习总结记录中，回顾一下上面的内容：

ES6中数组新增了哪些扩展?

1. 箭头函数：
2. 扩展运算符（Spread Operator）：
3. 解构赋值：
4. Array.from()方法：
5. Array.of()方法：
6. find()和findIndex()方法：
7. includes()方法：
8. fill()方法：