本文章将描述 JS 中向数组中添加元素的方法

---

【x1】微信公众号的每日提醒 随时随记 每日积累 随心而过

【x2】各种系列的视频教程 免费开源 关注 你不会迷路

【x3】系列文章 百万 Demo 随时 复制粘贴 使用

---

1 添加单个元素或者是对象

JS 数组添加元素有三种方式：push、unshift、splice 。

1.1 push方法

向数组的结尾添加

let array1 = [33,22,44];

///向尾部添加一个元素
array1.push(4); // [33,22,44,4]

///向尾部添加多个元素
array1.push(5,3);// [33,22,44,4,5,3]

1.2 unshift 方法

向数组的头部添加

let array1 = [33,22,44];

///向头部添加一个元素
array1.unshift(4); // [4,33,22,44]

///向头部添加多个元素
array1.unshift(5,3);// [5,3,33,22,44,4]

1.3 splice 方法

从数组指定位置添加或者删除元素，然后返回被删除的元素，该方法会改变原始数组。

语法基础
array.splice(index,howmany,item1,…,itemX)
参数 index 必需， 指添加或者删除元素的位置，使用负数可从数组结尾处规定位置
参数 howmany 必需，指要删除的元素数量，如果设置为 0，则不会删除元素。
参数 item1, …, itemX 可选参数，向数组添加的新元素。

let array1 = [33,22,44];
///向0号位置添加一个元素
array1.splice(0,0,77); // [77,33,22,44]

let array1 = [33,22,44];
/// 从1号位置开始 删除两个数据 
array1.splice(1,2);// [33]

let array1 = [33,22,44];
/// 从1号位置开始 删除两个数据 
/// 然后再 新增一个数据
array1.splice(1,2,108);// [33,108]

2 添加一个集合数据

使用 concat 函数将两个数组拼接成新的数组，代码如下：

let array1 = [33,22,44];
let array2 = [12,15,14];
//将 array1 与 数组 array2 拼接成一个新的数组
//原数组 array1 与 数组 array2 内容不变
let array3 = array1.concat(array2);

conslle.log(array3);  // 输出结果：[33,22,44,12,15,14]

3 slice()和splice()区别

一字之差，作用也差别巨大。
splice 函数的作用在上述已概述过，在这里，slice 函数描述如下：

slice(start,end)
作用：从已有数组中返回选定的元素，返回一个新数组，该方法不会改变原数组，而是返回一个子数组

var array1 = [33,22,44];
/// 截取一定范围中的数组元素
/// 如这里的 1号位置 ~ 2号位置 [1,2)
/// 包头不包尾
var array2=array1.slice(1,2);// [22]

---

完毕