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' ]


相关文章
|
1天前
|
存储 前端开发 JavaScript
回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。
【6月更文挑战第27天】回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。它作为参数传递给其他函数,在特定条件满足或任务完成后被调用。例如,`asyncOperation`函数接受回调函数`handleResult`,模拟异步操作后,调用`handleResult`传递结果。这样,当异步任务完成时,`handleResult`负责处理结果。
10 1
|
3天前
|
JavaScript 索引
Vue.js的`v-for`用于基于数组或对象渲染列表,如遍历数组生成`&lt;li&gt;`元素
【6月更文挑战第25天】Vue.js的`v-for`用于基于数组或对象渲染列表,如遍历数组生成`&lt;li&gt;`元素。基本语法是`v-for=&quot;(item, index) in items&quot;`,支持遍历对象的键值对。注意与`v-if`同用时应使用`&lt;template&gt;`,组件上使用`v-for`需设`key`属性以优化性能。
12 2
|
3天前
|
JavaScript 索引
JS判断数组是否包含某个元素
JS判断数组是否包含某个元素
9 1
|
5天前
|
存储 安全 算法
C++的内置数组和STL array、STL vector
C++的内置数组和STL array、STL vector
|
6天前
|
存储 JavaScript 前端开发
JavaScript中的数组是核心数据结构,用于存储和操作序列数据
【6月更文挑战第22天】JavaScript中的数组是核心数据结构,用于存储和操作序列数据。创建数组可以使用字面量`[]`或`new Array()`。访问元素通过索引,如`myArray[0]`,修改同样如此。常见方法包括:`push()`添加元素至末尾,`pop()`移除末尾元素,`shift()`移除首元素,`unshift()`添加到开头,`join()`连接为字符串,`slice()`提取子数组,`splice()`进行删除、替换,`indexOf()`查找元素位置,`sort()`排序数组。还有其他如`reverse()`、`concat()`等方法。
15 2
|
9天前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
4天前
|
JavaScript 前端开发 索引
探讨JavaScript中获取<select>元素选中情况的技术
探讨JavaScript中获取<select>元素选中情况的技术
6 0
|
10天前
|
JavaScript 前端开发
JS如何删除一个数组中的元素
JS如何删除一个数组中的元素
13 0