js数组

JavaScript的Array可以包含任意的数据类型，即使一个数组内部不同下标元素的类型也可以不同。

lenght属性及赋值：

1. 获取数组长度，直接访问数组的length属性。
2. 直接给一个数组的length属性赋值会导致Array大小变化。
3. 通过索引赋值时，若超过索引范围，同样数组大小会变化，不会产生越界报错。

数组检测

使用Array.isArray(value)方法

栈与队列

1. 通过使用Array的push()与pop()方法实现入栈与出栈，让数组像栈一样去使用

2. 通过使用Array的push()和shift()方法实现尾插与头删，实现队列的功能，还增加了unshift()方法实现头插

    var arr = [1, 2];
    arr.push('A', 'B'); // 返回Array新的长度: 4
    arr; // [1, 2, 'A', 'B']
    arr.pop(); // pop()返回'B'
    arr; // [1, 2, 'A']
    arr.pop(); arr.pop(); arr.pop(); // 连续pop 3次
    arr; // []
    arr.pop(); // 空数组继续pop不会报错，而是返回undefined
    arr; // []
   
    var arr = [1, 2];
    arr.unshift('A', 'B'); // 返回Array新的长度: 4
    arr; // ['A', 'B', 1, 2]
    arr.shift(); // 'A'
    arr; // ['B', 1, 2]
    arr.shift(); arr.shift(); arr.shift(); // 连续shift 3次
    arr; // []
    arr.shift(); // 空数组继续shift不会报错，而是返回undefined
    arr; // []

indexOf()

与String类似，Array可以通过indexOf(val，index)搜索指定元素的位置，当指定元素没找到时，返回-1,参数index表示开始搜索的起点位置（可选），lastIndexOf（）则表示从数字的末尾开始向前查找。

slice()

slice()对应String的Substring()，它截取Array的部分元素，返回一个新的Array。slice(start,end)，返回的数组包含开始位置（start）下标元素，不包含结束位置(end)下标元素。

var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
arr.slice(0, 3); // 从索引0开始，到索引3结束，但不包括索引3: ['A', 'B', 'C']
arr.slice(3); // 从索引3开始到结束: ['D', 'E', 'F', 'G']

splice()

splice()方法是修改Array的万能方法，可以从指定的索引开始删除若干元素，然后再从指定位置插入若干元素

var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
// 从索引2开始删除3个元素,然后再添加两个元素:
arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
// 只删除,不添加:
arr.splice(2, 2); // ['Google', 'Facebook']
arr; // ['Microsoft', 'Apple', 'Oracle']
// 只添加,不删除:
arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']

reverse()与sort()

reverse()方法实现将一个数组反转，sort(Fn)方法则可以通过传递一个函数Fn来设定排序规则,函数Fn(val1,val2)接收两个参数，如果第一个参数应该位于第二个参数之前则返回一个负数，如果第一个参数应该位于第二个参数之后则返回一个正数，两个参数相等返回0。

function compare(value1,value2){  // 降序排序
if(value1<value2){
return 1;
}else if(value1>value2){
return -1;
}else{
return 0;
}
}
var values= [0,10,2,3];
values.sort(compare);  

concat()

concat()方法把当前的Array和另一个Array连接起来，并返回一个新的Array,concat()方法可以接收任意个元素和Array，并且自动把Array拆开，然后全部添加到新的Array里

var arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]

join()

join()方法它把当前Array的每个元素都用指定的字符串连接起来，然后返回连接后的字符串

var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'

迭代方法

1. every(),判断数组中的每一项是否满足条件，都满足条件时返回true,否则返回false。

    var arr = [1, 2, 3, 4, 5];
    var res1= arr.every(function(x) {
   
    return x < 10;
    }); 
    console.log(res1); //true
    var res2 = arr.every(function(x) {
    return x < 3;
    }); 
    console.log(res2); // false

2. some(),判断数组中是否有满足条件的项，只要有任意一项符合条件，返回true，都不满足返回false。

    var arr = [1, 2, 3, 4, 5];
    var res1 = arr.some(function(x) {
    return x < 3;
    }); 
    console.log(res1); //true
    var res2 = arr.some(function(x) {
    return x < 1;
    }); 
    console.log(res2); // false

3. filter()，类似于过滤的作用，将数组中满足条件的元素组成一个新数组，并返回这个新数组。

    var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
    var arr2 = arr.filter(function(x, index) {
    return index % 3 === 0 || x >= 8;
    }); 
    console.log(arr2); //[1, 4, 7, 8, 9, 10]

4. map(),对数组中每一项进行操作，每一项进行操作后的结果组成新数组，并返回这个新数组。

    var arr = [1, 2, 3, 4, 5];
    var arr2 = arr.map(function(item){
    return item*item;
    });
    console.log(arr2); //[1, 4, 9, 16, 25]

5. foreach(),对数组进行遍历操作，没有返回结果。

5个迭代方法对原数组均不作更改。

reduce()和reduceRight()

reduce接收两个参数，一个在每一项上调用的函数和作为归并基础的初始值（可选的）。

    var values = [1,2,3,4,5];
    var sum = values.reduceRight(function(prev, cur, index, array){
    return prev + cur;
    },10);
    console.log(sum); //25

上面代码中第一次迭代发生在数组的第二项，prev为数组的第一项，cur为数组的第二项，返回结果作为第二次迭代的第一项，第二次迭代的cur为数组中的第三项。
reduceRight和reduce一样，只是开始位置从右端开始。

转载于:https://www.cnblogs.com/yanggl/p/10599087.html