Js中数组的常用方法全攻略：巧用内置函数，提升编程效率

2023-09-17 01:29:17

探索 JavaScript 数组的常用方法，就像在编程世界的工具箱中挖掘宝藏。这些方法不仅让您能够轻松处理数组数据，还能让代码更加高效、简洁。接下来，我们将逐一探究这些方法的功能和应用技巧。

concat()：无缝合并数组元素

当您需要合并两个或多个数组时，concat() 方法就派上用场了。该方法可以将多个数组的内容合并为一个新的数组，而不会改变原有数组。

语法：

let newArray = array1.concat(array2, ..., arrayN);

实例：

const numbers1 = [1, 2, 3];
const numbers2 = [4, 5, 6];
const combinedNumbers = numbers1.concat(numbers2);
console.log(combinedNumbers); // Output: [1, 2, 3, 4, 5, 6]

join()：将数组元素拼接为字符串

join() 方法可以将数组中的元素拼接成一个字符串。您可以通过指定分隔符来控制元素之间的连接方式。

语法：

let newString = array.join(separator);

实例：

const fruits = ["apple", "banana", "cherry"];
const fruitString = fruits.join(", ");
console.log(fruitString); // Output: "apple, banana, cherry"

push() & unshift()：尾部和头部添加元素

如果您想在数组的尾部添加一个或多个元素，可以使用 push() 方法。另一方面，如果您想在数组的头部添加一个或多个元素，可以使用 unshift() 方法。

语法：

array.push(element1, ..., elementN);
array.unshift(element1, ..., elementN);

实例：

const colors = ["red", "green", "blue"];
colors.push("purple");
console.log(colors); // Output: ["red", "green", "blue", "purple"]

colors.unshift("orange");
console.log(colors); // Output: ["orange", "red", "green", "blue", "purple"]

pop() & shift()：尾部和头部删除元素

如果需要从数组的尾部或头部删除元素，您可以使用 pop() 和 shift() 方法。pop() 方法从数组的尾部删除最后一个元素，而 shift() 方法从数组的头部删除第一个元素。

语法：

let removedElement = array.pop();
let removedElement = array.shift();

实例：

const numbers = [1, 2, 3, 4, 5];
const lastNumber = numbers.pop();
console.log(lastNumber); // Output: 5
console.log(numbers); // Output: [1, 2, 3, 4]

const firstNumber = numbers.shift();
console.log(firstNumber); // Output: 1
console.log(numbers); // Output: [2, 3, 4]