js:Array数组插入元素操作的4种方式

简介: js:Array数组插入元素操作的4种方式

经常使用到的数组方法,过段时间需要整理一遍,工作中经常使用,偶尔想不起来

目录

push

向数组尾部追加数据

定义

push(...items: T[]): number;

示例

let list = ['tom']
list.push('Jack', 'Steve')
console.log(list)
// [ 'tom', 'Jack', 'Steve' ]

concat

合并两个数组,注意:该方法会返回新数组

定义

concat(...items: (T | ConcatArray<T>)[]): T[];

示例

let list = ['tom']
let newList = list.concat('Jack', 'Steve')
console.log(list)
// [ 'tom' ]
console.log(newList);
// [ 'tom', 'Jack', 'Steve' ]

unshift

头部插入元素

定义

unshift(...items: T[]): number;

示例

let list = ['tom']
list.unshift('Jack', 'Steve')
console.log(list)
// [ 'Jack', 'Steve', 'tom' ]

splice

删除元素或插入元素,同时具有remove(Array未提供)、insert(Array未提供)、push、unshift的功能

定义

splice(start: number, deleteCount: number, ...items: T[]): T[];

示例

let list = ['tom', 'Jack']
list.splice(1, 0, 'Steve')
console.log(list)
// [ 'tom', 'Steve', 'Jack' ]


相关文章
|
13天前
|
人工智能 前端开发 JavaScript
拿下奇怪的前端报错(一):报错信息是一个看不懂的数字数组Buffer(475) [Uint8Array],让AI大模型帮忙解析
本文介绍了前端开发中遇到的奇怪报错问题,特别是当错误信息不明确时的处理方法。作者分享了自己通过还原代码、试错等方式解决问题的经验,并以一个Vue3+TypeScript项目的构建失败为例,详细解析了如何从错误信息中定位问题,最终通过解读错误信息中的ASCII码找到了具体的错误文件。文章强调了基础知识的重要性,并鼓励读者遇到类似问题时不要慌张,耐心分析。
|
14天前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
15 2
|
14天前
|
存储 Java
Java“(array) <X> Not Initialized” (数组未初始化)错误解决
在Java中,遇到“(array) &lt;X&gt; Not Initialized”(数组未初始化)错误时,表示数组变量已被声明但尚未初始化。解决方法是在使用数组之前,通过指定数组的大小和类型来初始化数组,例如:`int[] arr = new int[5];` 或 `String[] strArr = new String[10];`。
|
17天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
17 3
|
18天前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
34 4
|
19天前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
33 4
|
17天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
24 1
|
21天前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
22 5
|
17天前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
11 0
|
17天前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
15 0