共计 1749 个字符,预计需要花费 5 分钟才能阅读完成。
javascript 数组罕用 api 应用汇总(一)
unshift
向数组的结尾增加一个或更多元素,并返回新的长度。shift
删除并返回数组的第一个元素并返回删除的元素。push
向数组的开端增加一个或更多元素,并返回新的长度。pop
删除数组的最初一个元素并返回删除的元素。splice
从数组中增加或删除元素。copyWithin
从数组的指定地位拷贝元素到数组的另一个指定地位中。concat
连贯两个或更多的数组,并返回后果。fill
应用一个固定值来填充数组。indexOf
搜寻数组中的元素,并返回它所在的地位。lastIndexOf
搜寻数组中的元素,并返回它最初呈现的地位。includes
判断一个数组是否蕴含一个指定的值。join
把数组的所有元素放入一个字符串。
unshift、shift、push、pop 数组的增删办法
const arr = [1, 2, 3]
arr.unshift(0) // 4
// 多个元素按失常程序插入
arr.unshift(-1, -2) // 6
arr.shift() // -1
arr.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) // 在数组的最初一个地位前面新增元素 6
arr.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 如果不传参数则默认为 ','
正文完
发表至: javascript
2021-09-13