当前位置:网站首页>数组常用方法总结
数组常用方法总结
2022-08-05 03:26:00 【褪去温度的风】
1. 数组名.push(数组)//尾部添加 返回一个添加后新数组
2. 数组名.pop(数组)//尾部删除
3. 数组名.shift(不需要传参数)//头部删除
4. 数组名.unshift(添加的数据)//头部添加
5. 数组名.reverse(数组)//翻转 返回翻转后的
6. 数组名.splice(开始索引,多少个,要插入的数据)//用于数组的截取 删除 插入数组(splice会影响原数组)
splice方法示例:
var arr=[1,2,3,4,5,6,7,8]
let ad=arr.splice(0,3)//从0索引开始截取3个 可以let ad接收截取到的数据
还可以 不接收 打印arr 会发现删除了三个数据
console.log(ad);
7. 数组.slice(开始索引,结束索引) 使用slice 截取数组 该方法 不会影响原始数组
8.数组排序:
数组名.sort(function(a,b){return a-b})正序
数组名.sort(function(a,b){return b-a})倒叙
9. 数组转字符串join()
arr=[1,2,3,4]
arr.join()
打印为 1-2-3-4
数组名.join('-') 10. 数组拼接concat()
let arr=[1,2,3,4]
arr.concat[5,6]
打印为[1,2,3,4,5,6]
11. 数组名.indexOf(数据) 查找该数据是否存在该数组存在返回下标 否则返回-1
//筛选数组
12. filter() 数组过滤
数组.filter(function(item,index,arr){
return返回的符合过滤条件的数组
})
该方法返回一个过滤好的新数组
13. every() 判断是否每一项都符合条件
数组.every(function(item,index,arr){
return 返回的内容
该方法 返回的是一个布尔值
})14 .some() 判断数组是否有某一项满足条件
数组.some(function(item,index,arr){
return 返回的内容
返回的是一个布尔值
})15. 数组名.map()数组映射
map简单理解就是对原数组循环操作修改再定义一个变量接收返回后的内容
它对数组的每个元素都调用函数,并返回结果数组。
例:
let arr = [1,2,3]
let arr2 = arr.map(item => item*2)
console.log(arr2)//map遍历修改后返回的新数组
console.log(arr)//原数组
通过打印会发现使用map方法并不会修改原数组内容而是重新返回了一个新数组
16. includes模糊查询
includes 模糊查询
let arr = ['Tom', 'jian', 'jierui', 'kk']
let strVal2= arr.filter(item =>item.includes('k'))
console.log(strVal2);
//该方法可以查找数组中符合条件的内容 一般配合filter过滤,用作搜索框的模糊搜索功能
17.forEach循环遍历数组
数组名.forEach((item,index) => {
item 数组每一个内容
index下标
})边栏推荐
- Package zip is not available, but is referred to by another package.
- 21天学习挑战赛(2)图解设备树的使用
- 905. 区间选点
- The sword refers to Offer--find the repeated numbers in the array (three solutions)
- Walter talked little knowledge | "remote passthrough" that something
- Beidou no. 3 short message terminal high slope in open-pit mine monitoring programme
- Solana NFT开发指南
- Growth-based checkerboard corner detection method
- Never put off till tomorrow what you can put - house lease management system based on the SSM
- 【七夕节】浪漫七夕,代码传情。将爱意变成绚烂的立体场景,给她(他)一个惊喜!(送代码)
猜你喜欢

Dynamic management of massive service instances

龙蜥社区第二届理事大会圆满召开!理事换届选举、4 位特约顾问加入

Initial solution of the structure

.NET应用程序--Helloworld(C#)

论治理与创新,2022 开放原子全球开源峰会 OpenAnolis 分论坛圆满落幕

MRTK3 develops Hololens application - gesture drag, rotate, zoom object implementation

10 years of testing experience, worthless in the face of the biological age of 35

Everyone in China said data, you need to focus on core characteristic is what?

Developing Hololens encountered The type or namespace name 'HandMeshVertex' could not be found..

Principle and Technology of Virtual Memory
随机推荐
2022 High-level installation, maintenance, and removal of exam questions mock exam question bank and online mock exam
为什么pca分量没有关联
Android实战开发-Kotlin教程(入门篇-登录功能实现 3.3)
如何在WordPress中添加特定类别的小工具
Solve the problem of port occupancy Port xxxx was already in use
[Filter tracking] based on matlab unscented Kalman filter inertial navigation + DVL combined navigation [including Matlab source code 2019]
Summary of domestic environments supported by SuperMap
Web3.0 Dapps - the road to the future financial world
2022高处安装、维护、拆除考试题模拟考试题库及在线模拟考试
Defect detection (image processing part)
Beyond YOLO5-Face | YOLO-FaceV2 officially open source Trick+ academic point full
Developing Hololens encountered The type or namespace name 'HandMeshVertex' could not be found..
How to simulate the background API call scene, very detailed!
运维监控系统之Open-Falcon
【滤波跟踪】基于matlab无迹卡尔曼滤波惯性导航+DVL组合导航【含Matlab源码 2019期】
Open-Falcon of operation and maintenance monitoring system
Detailed and comprehensive postman interface testing practical tutorial
Why did they choose to fall in love with AI?
七夕节代码表白
【 genius_platform software platform development 】 : seventy-six vs the preprocessor definitions written cow force!!!!!!!!!!(in the other groups conding personnel told so cow force configuration to can