javascript数组常用api使用汇总(一)
【javascript数组常用api使用汇总(一)】javascript数组常用api使用汇总(一)
unshift
向数组的开头添加一个或更多元素,并返回新的长度。shift
删除并返回数组的第一个元素并返回删除的元素。push
向数组的末尾添加一个或更多元素,并返回新的长度。pop
删除数组的最后一个元素并返回删除的元素。splice
从数组中添加或删除元素。copyWithin
从数组的指定位置拷贝元素到数组的另一个指定位置中。concat
连接两个或更多的数组,并返回结果。fill
使用一个固定值来填充数组。indexOf
搜索数组中的元素,并返回它所在的位置。lastIndexOf
搜索数组中的元素,并返回它最后出现的位置。includes
判断一个数组是否包含一个指定的值。join
把数组的所有元素放入一个字符串。
const arr = [1, 2, 3]
arr.unshift(0) // 4
// 多个元素按正常顺序插入
arr.unshift(-1, -2) // 6
arr.shift() // -1arr.push(4) // 6
arr.push(5, 6) // 8
arr.pop() // 6
因为js没有堆栈的概念,基本都是用数组来表示,想出就出想进就进,想从哪出就从哪出,想从哪进就从哪进。
splice、copyWithin、concat、fill 其它操作方法
splice
是数组里面比较强大的操作方法,可以包括了增删改。可以接受三个参数- 参数一:想要操作数组的具体位置
- 参数二:需要删除的个数,不需要删除填0个
- 参数三+:需要添加的元素,可以添加多个元素
返回值:返回删除元素组成的数组,如果删除元素是0则返回空数组
const arr = [1, 2, 3, 4, 5]
// 增
arr.splice(arr.length - 1, 0, 6) // 在数组的最后一个位置后面新增元素6arr.splice(2, 2) // [3, 4]
// 上面删除了数组arr从位置索引2开始计算的2个元素,并返回组成的数组// 如果需要修改数组的某个元素,这里用到的是替换,将原来的元素删除然后替换成新的元素
arr.splice(0, 1, 12) // 这里已经将数组arr的0索引处的元素替换成了12
copyWithin
方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中。- 参数一*:复制到指定目标索引位置
- 参数二:元素复制的起始位置
- 参数三:停止复制的索引位置 (默认为 array.length)。如果为负值,表示倒数
返回修改后的数组
const arr = [1, 2, 3, 4] arr.copyWithin(2, 0) // [1, 2, 1, 2]
注意:引用数据类型拷贝只是拷贝数据引用地址
concat
方法合并两个及以上的数组并返回一个新数组const arr = [1, 2, 3, 4]
const arr1 = [5, 6, 7, 8]
const arr2 = arr.concat(arr1, [9, 10])
console.log(arr, arr2) // [1, 2, 3, 4] [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
// 不会改变原数组需要接住它返回的新数组
fill
方法是将数组的所有元素填充为某个元素const arr = [1, 2, 3, 4, 5, 6]
arr.fill(5) // [5, 5, 5, 5, 5, 5]
注意:引用数据类型都是指向一个地址的indexOf、lastIndexOf、includes 查询方法
indexOf
、lastIndexOf
、includes
这三个基本查询方法跟前面介绍的字符串的三个方法类似const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 0]
// 从数组前面开始查找,找到相同的值则返回对应的数组位置索引
arr.indexOf(1) // 0
// 从数组后面开始查找,找到相同的值则返回对应的数组位置索引
arr.lastIndexOf(1) // 9
// 查找数组中是否有指定元素
arr.includes(2) // true
arr.includes(10) // false
join
join
方法是将数组按照特定的字符拼接成字符串const arr = [52342, 41341, 65434]
arr.join('-') // 52342-41341-65434
// 上面演示将数组arr用-符号拼接成字符串。join如果不传参数则默认为','
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 事件代理
- 数组常用方法一
- Java|Java基础——数组
- JS常见数组操作补充
- 常用git命令总结
- java|java 常用知识点链接
- JS|JS 数组求和与数组求平均值
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- 超帅的js数组去重