当前位置:网站首页>数组常用方法总结
数组常用方法总结
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下标
})
边栏推荐
- Solve the problem of port occupancy Port xxxx was already in use
- 10 years of testing experience, worthless in the face of the biological age of 35
- Getting Started with Kubernetes Networking
- Use SuperMap iDesktopX data migration tool to migrate map documents and symbols
- How to solve the error cannot update secondary snapshot during a parallel operation when the PostgreSQL database uses navicat to open the table structure?
- 告白数字化转型时代,时速云镌刻价值新起点
- YYGH-13-Customer Service Center
- This year's Qixi Festival, "love vegetables" are more loving than gifts
- How to simulate the background API call scene, very detailed!
- ffmpeg pixel format basics
猜你喜欢
ASP.NET application--Hello World
Increasing leetcode - a daily topic 1403. The order of the boy sequence (greed)
运维监控系统之Open-Falcon
今年七夕,「情蔬」比礼物更有爱
Principle and Technology of Virtual Memory
测试薪资这么高?刚毕业就20K
Ice Scorpion V4.0 attack, security dog products can be fully detected
静态方法获取配置文件数据
Getting Started with Kubernetes Networking
This year's Qixi Festival, "love vegetables" are more loving than gifts
随机推荐
On governance and innovation, the 2022 OpenAtom Global Open Source Summit OpenAnolis sub-forum came to a successful conclusion
Principle and Technology of Virtual Memory
shell脚本:for循环与while循环
High Item 02 Information System Project Management Fundamentals
public static
List asList(T... a) What is the prototype? Web3.0 Dapps——通往未来金融世界的道路
ffmpeg 枚举decoders, encoders 分析
Web3.0 Dapps - the road to the future financial world
Why did they choose to fall in love with AI?
QStyle platform style
Call Alibaba Cloud oss and sms services
YYGH-13-Customer Service Center
毕设-基于SSM房屋租赁管理系统
引领数字医学高地,中山医院探索打造未来医院“新范式”
2022 Hangzhou Electric Multi-School 1st Game
One hundred - day plan -- -- DAY2 brush
【滤波跟踪】基于matlab无迹卡尔曼滤波惯性导航+DVL组合导航【含Matlab源码 2019期】
rpc-remote procedure call demo
How to Add Category-Specific Widgets in WordPress
After the large pixel panorama is completed, what are the promotion methods?