数组对象方法里不会改变原数组的方法

2023-12-26 16:56:07

数组操作：JavaScript 中不变性方法的全面指南

在 JavaScript 中，数组是一个强大的数据结构，提供了一系列操作其元素的方法。这些方法可分为两类：可变性 方法会直接修改原始数组，而不变性 方法则会创建一个新的数组或修改一个现有的数组来实现其功能。

不变性方法

不变性方法在处理数组时非常有用，因为它不会改变原始数组。相反，它们会产生一个新数组，包含所请求的修改，或者直接修改一个现有的数组。这在需要保留原始数组不受影响的情况下执行某些操作时非常有用。以下是 JavaScript 中一些最常用的不变性方法：

concat

concat 方法用于将两个或多个数组连接起来，形成一个新的数组。它不会修改原始数组，而是返回一个包含所有元素的新数组。该方法接受任意数量的数组作为参数，并将它们逐个连接起来。

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

const newArray = array1.concat(array2);

console.log(newArray); // 输出： [1, 2, 3, 4, 5, 6]

slice

slice 方法用于从指定位置截取数组的一部分，并返回一个包含所选元素的新数组。它不会修改原始数组。该方法接受两个参数：开始索引和结束索引。开始索引指定要截取的第一个元素，结束索引指定要截取的最后一个元素，但不包括在截取中。

const array = [1, 2, 3, 4, 5, 6];

const newArray = array.slice(2);

console.log(newArray); // 输出： [3, 4, 5, 6]

join

join 方法用于将数组中的所有元素转换为一个字符串，并使用指定的字符作为分隔符。它不会修改原始数组，而是返回一个包含连接后的字符串的新字符串。该方法接受一个可选参数作为分隔符，默认值为逗号。

const array = [1, 2, 3, 4, 5, 6];

const string = array.join(",");

console.log(string); // 输出： "1,2,3,4,5,6"

spread

spread 操作符（...）用于将数组中的元素展开为单个元素，并将其添加到另一个数组中。它不会修改原始数组，而是创建一个包含所有元素的新数组。spread 操作符可以与 concat 方法一起使用，也可以与其他数组或对象一起使用。

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

const newArray = [...array1, ...array2];

console.log(newArray); // 输出： [1, 2, 3, 4, 5, 6]

filter

filter 方法用于创建一个新的数组，其中包含通过指定函数测试的元素。它不会修改原始数组，而是返回一个包含满足条件元素的新数组。该方法接受一个回调函数作为参数，该函数对每个元素执行测试，并返回一个布尔值来指示该元素是否应该包含在结果数组中。

const array = [1, 2, 3, 4, 5, 6];

const newArray = array.filter(function(element) {
  return element > 3;
});

console.log(newArray); // 输出： [4, 5, 6]

map

map 方法用于创建一个新的数组，其中包含通过指定函数处理后的元素。它不会修改原始数组，而是返回一个包含已转换元素的新数组。该方法接受一个回调函数作为参数，该函数对每个元素执行转换，并返回一个新值。

const array = [1, 2, 3, 4, 5, 6];

const newArray = array.map(function(element) {
  return element * 2;
});

console.log(newArray); // 输出： [2, 4, 6, 8, 10, 12]