当前位置: 首页 > 开发者资讯

JavaScript给数组添加元素的方法是什么?

  JavaScript中给数组添加元素的常用方法包括push()和unshift()。push()在数组末尾添加一个或多个元素,直接修改原数组并返回新长度,arr.push(4)将[1,2,3]变为[1,2,3,4]。unshift()则在数组开头添加元素,同样修改原数组,如arr.unshift(0)使[1,2,3]变为[0,1,2,3]。两者均支持多参数,适合动态扩展数组。

  JavaScript给数组添加元素

  在 JavaScript 中,给数组添加元素有多种方法,以下是常用的几种方式及其示例:

  1. push() - 在数组末尾添加元素

  作用:向数组末尾添加一个或多个元素,修改原数组,返回新数组的长度。

  示例:

  javascriptlet arr = [1, 2, 3];arr.push(4); // 添加单个元素console.log(arr); // 输出: [1, 2, 3, 4]arr.push(5, 6); // 添加多个元素console.log(arr); // 输出: [1, 2, 3, 4, 5, 6]

  2. unshift() - 在数组开头添加元素

  作用:向数组开头添加一个或多个元素,修改原数组,返回新数组的长度。

  示例:

  javascriptlet arr = [2, 3];arr.unshift(1); // 添加单个元素console.log(arr); // 输出: [1, 2, 3]arr.unshift(-1, 0); // 添加多个元素console.log(arr); // 输出: [-1, 0, 1, 2, 3]

JavaScript给数组添加元素的方法是什么.jpg

  3. splice() - 在指定位置添加元素

  作用:在数组的任意位置添加或删除元素,修改原数组。

  语法:array.splice(startIndex, deleteCount, item1, item2, ...)

  示例:

  javascriptlet arr = ['a', 'b', 'd'];arr.splice(2, 0, 'c'); // 在索引2处添加'c',不删除元素console.log(arr); // 输出: ['a', 'b', 'c', 'd']

  4. 直接通过索引添加(不推荐)

  作用:通过指定索引直接赋值,但可能产生“空位”(稀疏数组)。

  示例:

  javascriptlet arr = [1, 2];arr[2] = 3; // 跳过索引1,arr变为 [1, 2, 3](索引1为空)console.log(arr.length); // 输出: 3

  5. 扩展运算符 ...(ES6) - 合并数组或添加元素

  作用:不修改原数组,返回新数组,适合合并或插入元素。

  示例:

  javascriptlet arr = [1, 2];let newArr = [...arr, 3]; // 在末尾添加console.log(newArr); // 输出: [1, 2, 3]let newArr2 = [0, ...arr]; // 在开头添加console.log(newArr2); // 输出: [0, 1, 2]

  6. concat() - 合并数组或添加元素

  作用:返回新数组,不修改原数组。

  示例:

  javascriptlet arr = [1, 2];let newArr = arr.concat(3); // 添加单个元素console.log(newArr); // 输出: [1, 2, 3]let newArr2 = arr.concat([3, 4]); // 合并数组console.log(newArr2); // 输出: [1, 2, 3, 4]

  根据需求选择合适的方法:需要修改原数组时用 push/unshift/splice,需要不可变操作时用扩展运算符或 concat。若需在数组中间插入元素,可使用splice()方法。其语法为arr.splice,根据场景选择是否需要不可变操作


猜你喜欢