本文章将描述 JS 中向数组中添加元素的方法
JS 数组添加元素有三种方式:push、unshift、splice 。
向数组的结尾添加
let array1 = [33,22,44];
///向尾部添加一个元素
array1.push(4); // [33,22,44,4]
///向尾部添加多个元素
array1.push(5,3);// [33,22,44,4,5,3]
向数组的头部添加
let array1 = [33,22,44];
///向头部添加一个元素
array1.unshift(4); // [4,33,22,44]
///向头部添加多个元素
array1.unshift(5,3);// [5,3,33,22,44,4]
从数组指定位置添加或者删除元素,然后返回被删除的元素,该方法会改变原始数组。
语法基础
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]
使用 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]
一字之差,作用也差别巨大。
splice 函数的作用在上述已概述过,在这里,slice 函数描述如下:
slice(start,end)
作用:从已有数组中返回选定的元素,返回一个新数组,该方法不会改变原数组,而是返回一个子数组
var array1 = [33,22,44];
/// 截取一定范围中的数组元素
/// 如这里的 1号位置 ~ 2号位置 [1,2)
/// 包头不包尾
var array2=array1.slice(1,2);// [22]
完毕
你可以点击原文章链接来查看笔者的更多分享,关注一下,你不会迷路,任何时刻,任何角度,来看一看年轻人在编程研发中的点滴积累。
联系客服