likes
comments
collection

js 关于数组的常用方法浅记

作者站长头像
站长
· 阅读数 16

参见:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

1:push

定义与说明:

1)往数组最后添加元素
2)改变原数组
3)可以一次添加多个元素 eg:a_array.push(1,2,3)
4)返回结果为变更后的数组长度
let a_array = [1,12,123,1234]
let a_length = a_array.push(12345);
console.log("a_array:",a_array)
console.log("a_length:",a_length)

运行结果:js 关于数组的常用方法浅记

2:unshift

定义与说明:

1)往数组最前添加元素
2)改变原数组
3)可以一次添加多个元素 eg:a_array.unshift(1,2,3)
4)返回结果为变更后的数组长度
let a_array = [1,12,123,1234]
let a_length = a_array.unshift(1,2,4);
console.log("a_array:",a_array)
console.log("a_length:",a_length)

运行结果:js 关于数组的常用方法浅记

3:pop

定义与说明:

1)移除数组最后一个元素
2)改变原数组
3)返回结果为变被移除的元素
let a_array = [1,12,123,1234]
let a_changed = a_array.pop();
console.log("a_array:",a_array)
console.log("a_changed:",a_changed)

运行结果:js 关于数组的常用方法浅记

4:shift

定义与说明:

1)移除数组第一个元素
2)改变原数组
3)返回结果为变被移除的元素
let a_array = [1,12,123,1234]
let a_changed = a_array.pop();
console.log("a_array:",a_array)
console.log("a_changed:",a_changed)

运行结果:js 关于数组的常用方法浅记

5:splice

定义与说明:

1)向数组添加新项
2)改变原数组
3)返回结果为变被移除的元素(数组类型)
4)参数分别为:
1.操作的下标,如果下标超过数组最大下标则从数组末尾开始操作
2.需要删除的元素长度,可无,默认从操作下标到数组最末尾;如果为0则返回一个空数组;如果第二参数为非数字类型,则该参数会被当做0看待,见下图运行结果4
3.需要重新嵌入的元素,可无

let a_array = [1,12,123,1234]
let a_changed = a_array.splice(2,1,...[1,2,3]);//从下标==2处开始,删除一个元素,且插入1,2,3共三个元素
console.log("a_array:",a_array)
console.log("a_changed:",a_changed)

运行结果:运行结果1js 关于数组的常用方法浅记

运行结果2js 关于数组的常用方法浅记

运行结果3js 关于数组的常用方法浅记

运行结果4js 关于数组的常用方法浅记

5:slice

定义与说明:

1)从数组中提取出一个新的数组
2)不改变原数组
3)返回结果为变被移除的元素(数组类型)
4)参数分别为:数组提取起始下标和截止下标([startindex,endindex) ,左开右闭;没有截止下标默认到数组最末未;如果起止下标相同则不截取)

运行结果:js 关于数组的常用方法浅记

6:concat

1)组合连接两个及以上数组
2)不改变原数组!!
3)返回结果链接后的数组

运行结果:js 关于数组的常用方法浅记

7:join

定义与说明:

1)将数组各项以某个符号串联
2)不改变原数组
3)返回串联后的字符串
4)入参为串联符号,默认为英文逗号串联

运行结果:js 关于数组的常用方法浅记


8:some MDN

定义与说明:

1)用于判定数组中是否含有某个满足特定条件的值
2)返回值为布尔类型
3)满足匹配条件后立即返回true且退出遍历
4)可以按需丰富some的callback函数

运行结果:简单数组js 关于数组的常用方法浅记复杂数组js 关于数组的常用方法浅记复杂数组封装,入参增加匹配key和valuejs 关于数组的常用方法浅记

9:every MDN

定义与说明:

1)用于判定数组中是否所有项都满足一个特定的规则
2)返回值为布尔类型
3)如果遍历过程中遇到不满足特定规则的项,则立即返回false并退出遍历
4)可以按需丰富every的callback函数

运行结果:

简单数组js 关于数组的常用方法浅记复杂数组封装,入参增加匹配key和valuejs 关于数组的常用方法浅记

10:filter MDN

定义与说明:

过滤出满足特定条件的新数组

运行结果js 关于数组的常用方法浅记

10:forEach MDN

定义与说明:

1)对数组中每一项执行指定方法
2)可以用return立即退出当次循环
3)除try/catch外无法终止遍历
4)没有返回

js 关于数组的常用方法浅记运行结果js 关于数组的常用方法浅记js 关于数组的常用方法浅记

11:map MDN

定义与说明:

1)遍历数组后返回一个新的数组
2)不改变原数组,但是复杂类型会被callback改变
3)新建的数组显式为map中return的内容,如果不显式return则该项为undefined

运行结果js 关于数组的常用方法浅记js 关于数组的常用方法浅记

12:find/findIndex/findLast/findLastIndex MDN

定义与说明:

1)返回满足特定方法的第一个元素,如所有项都不满足特定方法则返回undefined

js 关于数组的常用方法浅记

都是一些简单但容易混淆的概念,常看常新~