【第839期】JavaScript 数组方法对比

前言

来温故而知新，今天早读文章由@金龙翻译授权分享。

正文从这开始~

JavaScript 提供了多种新增，移除，替换数组元素的方法，但是有些会影响原来的数组；有些则不会，它是新建了一个数组。

注意：区分以下两个方法的不同点：

• array.splice() 影响原来的数组

• array.slice() 不影响原来的数组

I. 新增：影响原数组

使用 array.push() 和 array.ushift() 新增元素会影响原来的数组。

II. 新增：不影响原数组

两种方式新增元素不会影响原数组，第一种是 array.concat() 。

第二种方法是使用 JavaScript 的展开（spread）操作符，展开操作符是三个点（…）

展开操作符会复制原来的数组，从原数组取出所有元素，然后存入新的环境。

III. 移除：影响原数组

使用 array.pop() 和 array.shift() 移除数组元素时，会影响原来的数组。

array.pop() 和 array.shift() 返回被移除的元素，你可以通过一个变量获取被移除的元素

array.splice() 也可以删除数组的元素

像 array.pop() 和 array.shift() 一样，array.splice() 同样返回移除的元素

IV. 移除：不影响原数组

JavaScript 的 array.filter() 方法基于原数组创建一个新数组，新数组仅包含匹配特定条件的元素

以上代码的条件是“不等于 ‘e’ ”，因此新数组（arr2）里面没有包含 ‘e’。

箭头函数的独特性：

单行箭头函数，’return’ 关键字是默认自带的，不需要手动书写。

可是，多行箭头函数就需要明确地返回一个值。

另一种不影响原数组的方式是 array.slice()（不要与 array.splice() 混淆）。

V. 替换：影响原数组

如果知道替换哪一个元素，可以使用 array.splice() 

VI. 替换：不影响原数组

可以使用 array.map() 创建一个新数组，并且可以检查每一个元素，根据特定的条件替换它们。

使用 array.map() 转换数据

array.map() 是个强力方法，可以用于转换数据，而不污染原先的数据源

最后

本文不是全文翻译，有兴趣更详细的，可以通过文末左下角“阅读原文”了解。

关于本文

译者：@金龙

译文：http://jinlong.github.io/2017/02/04/javascript-array-methods-mutating-vs-non-mutating/

原文：http://lorenstewart.me/2017/01/22/javascript-array-methods-mutating-vs-non-mutating/