JS核心基础数组的操作概述

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

---

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]

---

完毕

你可以点击原文章链接来查看笔者的更多分享，关注一下，你不会迷路，任何时刻，任何角度，来看一看年轻人在编程研发中的点滴积累。