sort() 数组排序 (改变原数组) 参数为规定排序的比较函数(非必填)
{
// 默认情况下，不传参数的话，默认按字母升序，若为非字符串,则先调用toString()将元素转化为字符串的 Unicode ,再进行字符串比较
let arr = ["A", "C", "B", "E", "D"];
arr.sort();
console.log(arr); //["A","B","C","E","D"]
}
{ //数组的升序与降序排序
let arr = [1, 0, 5, 4, 9, 45, 78, 6, 14, 2];
arr.sort((a, b) => a - b)
console.log(arr)//[0, 1, 2, 4, 5, 6, 9, 14, 45, 78]
}
{ //按年龄排序，若年龄相同，就女士(sex属性为0) 排在男士(sex属性为1)之前
let arr = [{ age: 18, sex: 0 }, { age: 19, sex: 0 }, { age: 20, sex: 0 }, { age: 18, sex: 1 }, { age: 19, sex: 1 }];
arr.sort((a, b) => {
if (a.age === b.age) { //若年龄相同就按性别排，女士优先
return a.sex - b.sex;
} else { //年龄不相同就默认按年龄排升序
return a.age - b.age;
}
})
console.log(arr)
copyWithin() 数组的指定位置复制[改变原数组、ES6]
/*语法：arr.copyWithin(index, start, end)
第一个参数：复制到指定目标索引位置。
第二个参数：元素复制的起始位置 (可选)
第三个参数：停止复制的索引位置 (默认为 array.length)。如果为负值，表示倒数。(可选)*/
let arr = [1, 2, 3, 4, 5, 6];
let a = arr.copyWithin(2, 0, 3);
console.log(arr)// [1, 2, 1, 2, 3, 6]
fill()数组的填充 [改变原数组、ES6]
/*
语法：arr.fill(value, start, end)
value 必需。填充的值。
start 可选。开始填充位置。
end 可选。停止填充位置 (默认为 array.length)
*/
let arr = new Array(3)
arr.fill('填充')
console.log(arr)//["填充", "填充", "填充"]
arr.fill('位置', 0, 1)
console.log(arr)// ["位置", "填充", "填充"]
toString() 方法可把数组转换为字符串，并返回结果。[不改变原数组]
includes() 查找数组是否包含某个元素。[不改变原数组,]返回的是布尔值
/*
第一个参数为要查找的值 必填
第二个为查找的起始位置
返回值 true或false
*/
let arr = [1, NaN, 100, '42'];
console.log(arr.includes(1)); //true
console.log(arr.includes(NaN)); //true
console.log(arr.includes(1, 3)); //false
数组中遍历方法整理
forEach 按升序依次遍历数组中的值
/*
语法 arr.forEach(function(value, index, arr), this);
value(必须): 当前遍历时的数组值。
index(可选): 当前遍历时的索引值。
arr(可选): 数组对象本身。
this(可选): 执行回调函数时的。
*/
let arr = [ 1,2,3,4,5,6]
arr.forEach((value,index)=>{
console.log(value)//值
console.log(index)//下标
})
some()检测数组中是否存在满足条件的元素 一直在找符合条件的值，一旦找到，则不会继续迭代下去。
/*
语法 arr.some(function(value, index, arr), this);
参数值同froEach一样
返回值：布尔类型 ture / false
*/
let arr = [1,2,3,4,5]
let result = arr.some(value=>value>6)//false
let result1 = arr.some(value=>value>2)//true
console.log(result,result1)
every()检测数组中的元素是否全部满足条件 every从迭代开始，一旦有一个不符合条件，则不会继续迭代下去。
let arr = [1,2,3,4,5]
let result = arr.map(item=> item*2)
console.log(result)//[2, 4, 6, 8, 10]
some和every的区别
var arr = [ 1, 2, 3, 4, 5, 6 ];
console.log( arr.some( function( item, index, array ){
console.log( 'item=' + item + ',index='+index+',array='+array );
return item > 3;
}));
console.log( arr.every( function( item, index, array ){
console.log( 'item=' + item + ',index='+index+',array='+array );
return item > 3;
}));
some和every运行的结果，some是找到满足条件的之后便停止，every判断需要全部元素是否满足
se.png
filter()过滤原数组，返回新数组
let arr = [1,2,3,4,5]
let result = arr.filter(item=> item>2)
console.log(result)//[3, 4, 5]
map() 对数组中的每一个元素都进行处理，返回新的数组
let arr = [1,2,3,4,5]
let result = arr.map(item=> item*2)
console.log(result)//[2, 4, 6, 8, 10]
keys() 遍历键名 / values() 遍历键值/ entries() 遍历键值对
for(let i of ['a','b','c'].keys()){
console.log(i)//keys()遍历下标 0 1 2
}
for(let item of ['a','b','c'].values()){
console.log(item)//values()遍历值 a b c
}
for (let [i,item] of ['a','b','c'].entries()){
console.log(i,item)//entries()遍历下标以及内容
reduce()数组的累加器，合并成为一个值。
find() / findIndex() 根据条件找到数组成员 [ES6]
/*语法arr.find(function(value, index, arr), this);
参数值同froEach一样
返回值： find()返回第一个符合条件的数组成员，若不存在返回undefined。 findIndex()返回符合条件的数组成员的索引。*/
let arr= [1,2,3,4,5]
let result = arr.find(item=>item>3)
console.log(result)//4 第一个值
let result1 = arr.findIndex(item=>item>3)
console.log(result1)//3 第一个值的下标
flat()深度遍历展开数组
/*参数: depth(可选): 提取嵌套数组的结构深度，默认为1。
返回值：展开后的新数组。
flat方法会移除数组中的空白项
若不清楚有多少层嵌套，可以直接用 Infinity 设置，就可全部展开
Infinity 正无穷大的数值。*/
let arr = [1,2,[3,[4,[5]]],6]
let one = arr.flat()
console.log(one)//[1, 2, 3, Array(2), 6]
let inf = arr.flat(Infinity)
console.log(inf)//[1, 2, 3, 4, 5, 6]
网友评论