/*1.map方法
作用: 遍历数组的每一项,根据[返回值]组成一个新数组
注意: return 什么,就 以什么组成新数组*/
let arrMap = [3, 4, 5, 7, 3, 6]
let newArrMap = arrMap.map(function (item, index) {
return item - 1
})
console.log(newArrMap);
/*2.find : 遍历数组,找寻 [符合条件]的[第一个元素],并且
返回该元素,如果没有,返回 undefined*/
let arrFind = [{ id: 1, title: "苹果手机", price: 8999 },
{ id: 2, title: "华为手机", price: 6888 },
{ id: 3, title: "vivo手机", price: 5666 },
{ id: 4, title: "小米手机", price: 999 },
{ id: 5, title: "华为手机", price: 11999 },
]
let newArrFind = arrFind.find(function(item,index){
return item.price === 999
})
console.log(newArrFind);
/*3.findIndex : 遍历数组,找寻符合条件的第一个元素的索
引,并返回该索引,如果没有,返回 -1*/
let arrFindIndex = [{ id: 1, title: "苹果手机", price: 8999 },
{ id: 2, title: "华为手机", price: 6888 },
{ id: 3, title: "vivo手机", price: 5666 },
{ id: 4, title: "小米手机", price: 999 },
{ id: 5, title: "华为手机", price: 11999 },
]
let newarrFindIndex = arrFindIndex.findIndex(function(item,index){
return item.price === 999
})
console.log(newarrFindIndex);
/*4.join: 将数组通过特殊符号拼接成 字符串*/
let arrJoin = [2022,05,08]
let newarrJoin = arrJoin.join("/")
console.log(newarrJoin);
/*5.includes: 遍历数组,找寻数组中是否有该项,如果有,就返
回true,否则就是 false*/
let arrIncludes = ["c","b","h"]
let newarrIncludes = arrIncludes.includes("b")
console.log(newarrIncludes);
/*6. indexOf : 遍历数组,找寻数组中是否有该项,如果有就返
回索引,如果没有,返回 -1*/
let arrIndexOf = ["c","b","h"];
let newIndexOf = arrIndexOf.indexOf("h")
console.log(newIndexOf);
/*7. sort: 数组排序
语法:
数组.sort(function(a,b){
return a - b // 升序 从小到大
return b - a // 降序 从大到小
})*/
let arrSort = [7,9,3,55,12]
let newarrSort = arrSort.sort(function(item,index){
return item - index
})
console.log(newarrSort);
/*8. reverse: 数组反转*/
let arrReverse = [7,9,3,55,12];
let newarrReverse = arrReverse.reverse();
console.log(newarrReverse);
/*9. flat: 将多维数组转成 一维数组
语法:
数组.flat(值)
值: 数字,数字代表展平的级别
Infinity: 无限级*/
let arrFlat = [3,4,[3,2,[6,8,[9,0,66,22]]]]
let newArrFlat = arrFlat.flat(Infinity);
console.log(newArrFlat);
/*10. some: 遍历数组, 数组里面如果[有一项]满足条件,就返回
true ,否则就是 false*/
let arrSome = [7,9,3,55,12];
let newArrSome = arrSome.some(function(item,index){
return item>100
})
console.log(newArrSome);
/*11. every: 遍历数组, 数组里面的每一项都满足条件,就返回
true,否则就是 false*/
let arrEvery = [7,9,3,55,12];
let newarrEvery = arrEvery.every(function(item,index){
return item>1
})
console.log(newarrEvery);
/*12. filter:过滤数组,遍历数组,根据[条件],组成一个新数组
并且返回语法:
数组.filter(function(value,index){
value : 数组的每一项
index : 每一项的索引
return 条件
})
注意: filter 拿到的结果永远是一个数组,不管里面有多
少值*/
let arrFilter = [7,9,3,55,12];
let newArrFilter = arrFilter.filter(function(item,index){
return item>10
})
console.log(newArrFilter);
/*13.slice: 截取数组,开始索引,结束索引,截取从[开始索引]到 [结束索引],包含开始索引,不包含结束索引
语法:
数组.slice(开始索引,结束索引)*/
let arrSlice = ["c","b","h","g","a"]
let newArrSlice = arrSlice.slice(2,4)
console.log(newArrSlice);
JS中数组的13种方法
最新推荐文章于 2024-08-01 16:41:14 发布