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

本文章将描述 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]

完毕

早起的年轻人 CSDN认证博客专家 移动开发 项目管理 Java
只要用心去做,每一件事情还是有可能成功的,当然成功是没有界限的,只不过是达到自己心里的那个目标,公众号:我的大前端生涯,一个爱喝茶的程序员,通常会搞搞SpringBoot 、Herbinate、Mybatiys、Android、iOS、Flutter、Vue、小程序等.
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页