js数组常见API详解

concat() 方法：将两个或多个数组合并成一个数组，并返回一个新数组。

语法：array.concat(array1, array2, …, arrayX)

示例：

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];
const arr3 = ['g', 'h', 'i'];
const newArr = arr1.concat(arr2, arr3);
console.log(newArr); // ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i']

注意点：

concat方法不会改变原来的数组，返回一个新的合并后的数组。

join() 方法：将数组中的所有元素转化为一个字符串并返回这个字符串。

语法：array.join(separator)

示例：

const arr = ['hello', 'world'];
const str = arr.join(' '); // 使用空格把数组元素拼接起来
console.log(str); // 'hello world'

注意点：

join方法不会改变原来的数组，返回一个字符串。
pop() 方法：删除数组的最后一个元素并返回这个元素。
语法：array.pop()

示例：

const arr = ['hello', 'world'];
const word = arr.pop();
console.log(arr); // ['hello']
console.log(word); // 'world'

注意点：

pop方法会改变原来的数组，删除最后一个元素，返回被删除的元素。

push() 方法：向数组的末尾增加一个或多个元素，并返回数组的新长度。

语法：array.push(element1, …, elementN)

示例：

const arr = ['hello', 'world'];
const len = arr.push('!');
console.log(arr); // ['hello', 'world', '!']
console.log(len); // 3

注意点：

push方法会改变原来的数组，向数组末尾添加元素，返回新的数组长度。

reverse() 方法：颠倒数组中元素的顺序。

语法：array.reverse()

示例：

const arr = ['hello', 'world'];
const reversedArr = arr.reverse();
console.log(reversedArr); // ['world', 'hello']

注意点：

reverse方法会改变原来的数组，颠倒数组元素的顺序，返回新的数组。
shift() 方法：删除数组中的第一个元素，并返回这个元素。
语法：array.shift()

示例：

const arr = ['hello', 'world'];
const word = arr.shift();
console.log(arr); // ['world']
console.log(word); // 'hello'

注意点：

shift方法会改变原来的数组，删除第一个元素，返回被删除的元素。

slice() 方法：从数组中选择一个片段并返回这个片段作为一个新数组。

语法：array.slice(start, end)

示例：

const arr = ['a', 'b', 'c', 'd', 'e'];
const slicedArr = arr.slice(1, 3);
console.log(slicedArr); // ['b', 'c']
console.log(arr); // ['a', 'b', 'c', 'd', 'e']

注意点：

slice方法不会改变原来的数组，返回一个新的数组。

sort() 方法：对数组的元素进行排序。

语法：array.sort(compareFunction)

示例：

const arr = [3, 36, 22, 1, 8];
arr.sort((a, b) => a - b); // 升序
console.log(arr); // [1, 3, 8, 22, 36]

arr.sort((a, b) => b - a); // 降序
console.log(arr); // [36, 22, 8, 3, 1]

注意点：

sort方法会改变原来的数组，在原数组上排序，返回排序后的数组。

splice() 方法：为数组添加或删除元素。

语法：array.splice(start, deleteCount, item1, item2, …)

示例：

const arr = ['a', 'c', 'd', 'e', 'f'];
arr.splice(1, 2, 'b'); // 从位置1开始，删除2个元素，再插入一个'b'
console.log(arr); // ['a', 'b', 'e', 'f']

注意点：

splice方法会改变原来的数组，删除和插入元素，返回被删除元素组成的新数组（如果没有删除则返回空数组）。参数中的 deleteCount 表示要删除的元素个数，item1, item2, … 表示要插入的元素。