Array的一些方法

Posted 2021-02-05 xmforever

• concat()( 返回一个由两个数组合并组成的==新数组==)

let arr1 = [1,2,3];
let arr2 = [4,5,6];

console.log(arr1.concat(arr2)); // [1,2,3,4,5,6]
console.log(arr1.concat(4,5)) // [1,2,3,4,5] 
console.log(arr1); // [1,2,3]

• join(‘,’)或者join(”)(返回一个由数组中的所有元素连接在一起的 ==String 对象==)

let arr = [1,2,3];
console.log(arr.join(‘|‘)); // 1|2|3
console.log(typeof arr.join(‘|‘)); // string
console.log(arr); // [1,2,3]

• pop()(删除数组中的==最后一个元素==并返回该值)　　

let arr = [1,2,3];
console.log(arr.pop()); // 3
console.log(typeof arr.pop()) // number
console.log(arr); // [1,2]

• push 方法(向数组中添加新元素，==返回数组的新长度==)　　

let arr = [1,2,3];
let arr1 = [4,5];
// console.log(arr.push(arr1)); // 4 [1,2,3,[4,5]]
console.log(arr.push(4,5)); // 5 
console.log(arr); // [1,2,3,4,5]

• shift() ( 删除数组中的==第一个元素==并返回该值)　　

let arr = [1,2,3];
console.log(arr.shift()); // 1
console.log(arr); // [2,3]

• unshift()(返回一个数组，在该数组==头部插入==了指定的元素)　　

let arr = [1,2,3,4];
console.log(arr.unshift(5,6)); // 6
console.log(arr); // [5,6,1,2,3,4]

• sort() (返回一个元素==正序==的 Array 对象)　　

let arr = [1,4,3,2];
console.log(arr.sort()); // [1,2,3,4]
console.log(arr) // [1,2,3,4]

• reverse() (返回一个==元素反序==的 Array 对象)　　

let arr = [1,4,3,2];
console.log(arr.reverse()); // [2,3,4,1]
console.log(arr); // [2,3,4,1]
console.log(arr.sort().reverse() ) // [4,3,2,1]

• slice(start,end) 方法　　

let arr = [1,2,3,4];
console.log(arr.slice(0,1)); // [1]
console.log(arr.slice(0,2)); // [1,2]
console.log(arr.slice(1,2)); // [2]
console.log(arr.slice(2,2)); // []
console.log(arr.slice(0,3)); // [1,2,3]
console.log(arr); // [1,2,3,4]

• splice(index,length,item...)

1.  index 从某个下标处开始
2. length 所截取的长度
3. item 所替换的新项目

let arr = [1,2,3,4,5];
// console.log(arr.splice(1,1)); // [2]
// console.log(arr); // [1,3,4,5]
// console.log(arr.splice(1,2)); // [2,3]
// console.log(arr.splice(1,2,6)); // [1,6,4,5]
console.log(arr.splice(1,2,...[6,7,8,9])); // [1,6,8,9,4,5]
console.log(arr); // [1,6,8,9,4,5]

• map  遍历

 let arr = [‘a‘, ‘b‘, ‘c‘, ‘d‘, ‘e‘]
 arr.map( (c, i) => {
    console.log(i+‘.‘+" "+c)
　　 // 可以return
 })

• reduce 汇总 (进去一堆出来一个总数)

let arr = [12, 5, 865, 3570];

let result = arr.reduce((temp, item, index) => {
   return temp + item; // temp是每次两个数相加的临时和，第一次是12+5，第二次是17+865，第三次是882+3570
})

console.log(result); // 12+5 +865+3570

• filter 过滤

let arr = [50, 150, 1800, 2500];

let result = arr.filter( c => c>=1800)

console.log(result);

• forEach  循环迭代

let arr = [50, 150, 1800, 2500];

arr.forEach( item => {
    console.log(item); 
})