数组有关的方法

àì夳堔傛蜴生んèń 2022-05-18 10:36 178阅读 0赞

### 本文为了总结知识点 ###

### 一：如何创建数组 ###

1.使用Array构造函数

（1）var arr = new Array();

（2）var arr1 = new Array(20);

（3）var arr2 = new Array('red','green','blue');

2.使用数组字面量表示法

（1）var arr3 = \['red','green','blue'\];

(2)   var arr4 = \[\];

### 二：检测数组的方法 ###

Array.isArray()

### 三：转换方法 ###

(1) valueOf()

var arr = \['red','green','blue'\];

console.log(arr.valueOf()); // 输出数组本身 \['red','green','blue'\]

(2) toString()

var arr = \['red','green','blue'\];

console.log(arr.toString()); // 输出数组的字符串表示 red,green,blue

(3) toLocaleString()

var arr = \['red','green','blue'\];

console.log(arr.toLocaleString()); // 输出数组的字符串表示 red,green,blue

(4) join()

var arr = \['red','green','blue'\];

console.log(arr.join(" || ")); // 输出数组的字符串表示 red||green||blue

### 四：栈和队列的方法 ###

(1) push()：往数组末尾追加元素

var arr = \[ 'red', 'green', 'blue' \];

arr.push('white','black');

console.log(arr);  // \[ 'red', 'green', 'blue', 'white', 'black' \]

(2) pop():删除数组最后一个元素

var arr = \[ 'red', 'green', 'blue' \];

arr.pop(); // \[ 'red', 'green' \]

(3)  unshift():往数组开头追加元素

var arr = \[ 'red', 'green', 'blue' \];

arr.unshift('white','black');

console.log(arr);  // \[ 'white', 'black', 'red', 'green', 'blue' \]

(4)  shift()：删除数组第一个元素

var arr = \[ 'red', 'green', 'blue' \];

arr.shift(); // \[ 'green', 'blue' \]

### 五：重排序方法 ###

（1）reverse()

var values = \[1, 2, 3, 4, 5\];

values.reverse();

console.log(values); // \[5, 4, 3, 2, 1\]

(2) sort()

var values = \[0, 1, 5, 10, 15\];

values.sort(compare);

console.log(values);

function compare(value1, value2)\{

if(value1 < value2)

return -1;

else if (value1 > value2)

return 1;

else

return 0;

### 六：操作方法 ###

（1）concat() **不操作原数组 //deep copy**

var fruits = \[ '苹果', '鸭梨', '水蜜桃', '芒果', '火龙果' \];  
    //   数组内容复制的技巧  
 var re =  fruits.concat(fruits);  
 document.write(re);

(2)slice()**不操作原数组 //deep copy**

slice()方法会返回子数组，在分割的时候，包含开始，但不包含结束  
  var fruits = \[ '苹果', '鸭梨', '水蜜桃', '芒果', '火龙果' \];  
  var re = fruits.slice(1,2);  
  document.write(re); // \['鸭梨'\]

(3)splice()

splice():对数组比较灵活的一种操作方法，**操作原数组**，对数组的增、删、改  
   var fruits = \['苹果','鸭梨','水蜜桃','芒果'\];   
   fruits.splice(1,2);   //  从１号位置开始删除,删除２个元素  
   fruits.splice(1,2,'葡萄','火龙果','荔枝');    
   document.write(fruits);  //   从１号位置开始删除,删除２个元素,在１号位置添加三个元素

### **七：位置方法** ###

（1）indexOf()

var arr = \['red','green','blue','white','black'\];

var results = arr.indexOf('blue');

console.log(results); // 2

(2) lastIndexOf()

var arr = \['red','green','blue','white','black'\];

var results = arr.lastIndexOf('green');

console.log(results); //3

(3)findIndex()

返回数组中满足测试函数的第一个元素的索引，否则返回-1

const array = [5, 12, 8, 130, 44];
    
    const isLargeNumber = (element) => element > 13;
    
    console.log(array.findIndex(isLargeNumber));//3

(3)find()

返回数组中满足测试函数的第一个元素，否则返回undefined

const array = [5, 12, 8, 130, 44];
    
    const isLargeNumber = (element) => element > 13;
    
    console.log(array.find(isLargeNumber));//130

### 八：迭代方法 ###

(1) every()

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
    var results = numbers.every(function(item, index, array){
        return (item > 2);
    })
    console.log(results); // false

(2)some()

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
    var results = numbers.some(function(item, index, array){
        return (item > 2);
    })
    console.log(results); // true

(3)filter()

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
    var results = numbers.filter(function(item, index, array){
        return (item > 2);
    })
    console.log(results); // [ 3, 4, 5, 4, 3 ]

(4)map()

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
    var results = numbers.map(function(item, index, array){
        return (item * 2);
    })
    console.log(results);

(5)forEach()

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
    var results = numbers.forEach(function(item, index, array){
        console.log(item);
    })

### 九：归并方法 ###

（1）reduce()

var numbers = [1, 2, 3, 4, 5];
    var results = numbers.reduce(function (prev, cur, index, array) {
        return prev + cur;
    })
    console.log(results); //15

(2) reduceRight()

var numbers = [1, 2, 3, 4, 5];
    var results = numbers.reduceRight(function (prev, cur, index, array) {
        return prev + cur;
    })
    console.log(results); // 15