数组有关的方法-蒲公英云

本文为了总结知识点

一：如何创建数组

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