17、数组中的常用方法
2024-02-27 18:28:56 0 举报
AI智能生成
登录查看完整内容
数组中的常用方法
作者其他创作
大纲/内容
向数组的末尾追加元素
1、作 用 和 含 义
追加的项(多个任意类型)
2、参 数 @params
新增数组的长度
3、返回值 @return
改变
4、是否改变原数组
ary.push(增加的项)
5、使 用 方 法
push
删除数组的最后一项
无
删除的那一项
ary.pop()
pop
向数组的开头增加元素
ary.unshift(增加的项)
unshift
删除数组的开头项
ary.shift()
shift
实现数组指定位置的增加、修改、删除
从索引n开始,删除m个元素(m不写,就是删除到末尾),用x占用删除的部分
把删除的部分用新数组储存起来返回
可以清空数组,把原始数组中的内容基于新数组储存起来(有点类似于数组克隆)
ary.splice(0)
删除最后一项
ary.splice(ary.length-1)
删除第一项
删除
返回的是空数组
从n开始,一个都不删,把x放在索引n 的前面
在数组最后增加x项
在数组开头增加x项
增加
用x替代删除的m即可
修改
splice
arr.length--
返回结果 删除的项
arr.pop()
返回结果是 [删除的项]
arr.splice(arr.length-1)
虽然能删除,但是length长度不变(一般不用)
delete arr[arr.length-1]
删除数组末尾一项的几种方法
arr.push(\"增加的项\")
arr[arr.length]=\"增加的项\"
向数组末尾追加项的几种方法
1、增删改
实现数组的查询
1、作用和含义
从索引n开始,找到索引为m的地方(不包含m这一项)
2、参数@params
把找到的内容以新数组的形式返回
3、返回值@return
不改变
m不写是找到末尾
实现数组的克隆,参数0不写也可以
ary.slice(0)
5、使用方法
p style=\
6、思考
slice
实现数组拼接(合并)
拼接的项(多个任意值)
拼接后的新数组
ary.concat(拼接的内容)
相当于数组克隆(真实项目一般不用)
ary.concat()
传一个值也相当于给数组末尾追加项(真实项目一般不用)
ary.concat(‘1’)
concat
2、查询和拼接
把数组转换为字符串
转换后的字符串,每一项用逗号分隔
ary.toString()
toString
指定的分隔符(字符串格式)
转换后的字符串
ary.join(‘指定分割符’)
'123'
ary.join(' ')
‘1,2,3’
未指定分割符用逗号隔开
ary.join()
console.log(eval(res));//==>6
'1+2+3'
ary.join('+')
把字符串变为数学运算
相当于把字符串变为JS表达式(加减乘除)执行
eval
重点知识
join
3、把数组转换成字符串
检测当前项在数组中第一次/最后一次出现位置的索引值
要检索的这一项内容
这一项出现的位置索引值(数字),如果数组中没有这一项,返回的结果是-1
ary.indexOf(检索的项)
if(ary.indexOf(\"培训\")===-1){//不包含}
if(ary.includes(\"培训\")){//包含:如果存在返回的是TRUE}
也可以直接使用ES6新提供的includes方法判断(不兼容)
想验证ARY中是否包含“培训”
在IE6-8中不兼容
6、注意
indexOf/lastIndexOf
检测当前数组是否包含某项
布尔,true 包含,false 代表不包含
ary.includes(检索的项)
ES6语法,在IE6-8中不兼容
includes
4、检测数组中是否包含某一项
把数组倒过来排列
排列后的原始数组
ary.reverse()
reverse
实现数组的排序
可以没有,也可以是一个函数
排序后的新数组
SORT方法中如果不传递参数,是无法处理10以上数字排序的(它默认按照每一项第一个字符来排,不是我们想要的效果)
ary.sort()
想要实现多位数正常排序,需要给SORT传递一个函数,函数中返回a-b实现升序,返回b-a实现降序
sort
5、排序或者排列
遍历数组中的每一项内容
数组中有多少项就遍历多少次,每一次执行函数都可以在函数中获取到当前遍历的“这一项”和对应的“索引”
回调函数
无/undefined
for(let i = 0;i<ary.length;i++){console.log('索引:'+i+'内容:'+ary[i])}
基于原生JS中的循环实现
forEach
数组映射
forEach 是不支持返回值的,而 map 是支持返回值的,但是不会改变原数组,执行完的返回结果是修改后的新数组
映射后的新数组
map
6、遍历及映射
span style=\
......
7、其他方法
数组中的常用方法
后续补充
0 条评论
回复 删除
下一页