当前位置：网站首页>arr的扩展方法、数组的遍历及其他方法

const arr=[1,2,3];
const newarr=arr.map(item=>item+2);
console.log(arr); //[1, 2, 3]
console.log(newarr); //[3, 4, 5]
let arr1 = [2,3,4,5,6];
function ckarr(v){
return v+2;
}
console.log(arr1.map(ckarr)); //[4, 5, 6, 7, 8]

总结：map( ) 不会对空数组进行检测，不会改变原始数组

2. array.filter() 过滤

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

const arr=[1,2,3,4];
const newarr=arr.filter(item=>item%2==0);
console.log(newarr); //[2, 4]
let arr1 = [2,3,4,5,6];
function ckarr(v){
return v>3; //返回符合条件的值
}
console.log(arr1.filter(ckarr)); //[4, 5, 6]

总结：filter( ) 不会对空数组进行检测，不会改变原始数组

3. array.reduce() "缩减" "累加器"

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。对于空数组是不会执行回调函数的。

const arr=[1,2,3,4];
const sum=arr.reduce((total,currentValue)=>{
console.log('total:'+total,'currentValue'+currentValue);
return total+currentValue;
})
console.log(sum); //10
const arr1=[1,2,3,4];
const sum1=arr1.reduce((total,currentValue)=>{
return total+currentValue;
},5)
console.log(sum1); //15

console.log('total:'+total,'currentValue'+currentValue); 的输出结果如下：

total:1 currentValue2
total:3 currentValue3
total:6 currentValue4

其中，total 既是初始值又是返回值；currentValue 是当前值

4. fill填充

语法：array.fill(value, start, end)

Value：必需。填充的值。

Start：可选。开始填充位置。

End：可选。停止填充位置 (默认为 array.length)。

let arr=[1,2,3,4,5,6];
arr.fill('x',1,4);
console.log(arr); //[1, "x", "x", "x", 5, 6]

二、数组的遍历

1. For..of遍历

for of遍历数组的值(遍历可迭代具备迭代器接口)

const arr=['a','b','c','d'];
for(let v of arr){
console.log(v); //a b c d
}

for·of·关于对象的遍历

const Person={realname:'张三',age:19};
for(let key of Person){
console.log(key); //TypeError: Person is not iterable
}

说明for of 无法单独应用遍历对象，那如何用for of遍历出对象呢？

const Person={realname:'张三',age:19};
const keys=Object.keys(Person); //获得所有对象的keys
for(let k of keys){
console.log(k); //realname age
console.log(`k:${k},v:${Person[k]}`); //k:realname,v:张三 ; k:age,v:19
}

用键keys方法，Object.keys获得对象里的所有集合，这是keys是一个数组，一个集合。在用for of遍历这个数组。

2. For..in遍历

for in遍历索引(遍历可枚举类型)

const arr=['a','b','c','d'];
for(let k in arr){
console.log(k); //0 1 2 3
}

for in 关于对象的遍历

const Person={realname:'张三',age:19};
for(let key in Person){
console.log(key);
}

3. ForEach的用法

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

let arr=[1,2,3,4];
arr.forEach((item,index)=>{
console.log(`v:${item},k:${index}`); //v:1,k:0 ; v:2,k:1 ; v:3,k:2 ; v:4,k:3
})

三、数组的其他方法

1. in用法

in 判断元素是否是数组(对象)的属性

let arr=['a','b','c',4];
console.log(4 in arr); //false
let person={name:'张三',age:19};
console.log('name' in person); //true
console.log(name in person); //false

2. some用法

arr.some 找满足条件的元素找到则返回true 找不到则返回false

let arr=[1,2,3,4];
let fal=arr.some(item=>item>2);
console.log(fal); //true
let fat=arr.some(item=>item>4);
console.log(fat); //false

3. join方法

join() 方法用于把数组中的所有元素放入一个字符串。

语法：array.join(separator)；

var arr = new Array(3);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
let arrq = arr.join(',');
console.log(arrq); //George,John,Thomas
console.log(typeof arrq); //string