JS中的数组

---

title: JS中的数组

date: 2018-9-26 22:42:25
tags: [JavaScript]
categories: JavaScript

---

数组是什么

数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示。
其实本质上，数组属于一种特殊的对象。typeof运算符会返回数组的类型是object。

数组的length属性

数组的length属性，返回数组的成员数量。只要是数组，就一定有length属性。

数组的构造方法

var x = new Array(3) ; // 3表示数组的长度，每一个元素都为undefined
var y = new Array(3,3); // 得到一个数组[3,3]，是仿自Java中的写法，不常用。
var a = [3,3] ; // 得到了一个数组[3,3]，常用

in 运算符 && for…in 循环

for in循环不仅可以遍历对象，也可以遍历数组，因为数组是一种特殊对象。

• 使用时需要注意，for...in不仅会遍历数组所有的数字键，还会遍历非数字键。

例如：

var a = [1, 2, 3];
a.foo = true;

for (var key in a) {
  console.log(key);
}
// 0
// 1
// 2
// foo

数组的遍历

常用for循环，while循环
或forEach遍历(不支持break 和 continue ，不返回值)。

var a = ['a','b','c','d'];

// for循环
for(var i = 0; i < a.length; i++) {
  console.log(a[i]);
}

// while循环
var i = 0;
while (i < a.length) {
  console.log(a[i]);
  i++;
}

// forEach遍历
a.forEach(function(value,key){
  console.log(key+':'+value);
})
// 0:a
// 1:b
// 2:c
// 3:d

什么是伪数组

如果一个对象的所有键名都是正整数或零，并且有length属性，那么这个对象就很像数组，但实际并不是数组。

• 伪数组的原型链中没有Array.prototype

数组.__proto__ === Array.protype
伪数组对象.__proto__ === Object.prototype

数组的一些API

sort() 排序

该方法是JS封装的一个重排序方法，使用的算法是快速排序。不传参时默认为升序排列。
注：sort()方法返回的是原数组，即使用该方法会改变原来的数组序列。
=>arr.sort(function(a,b){return a-b}) 升序
=>arr.sort(function(a,b){return b-a}) 降序

join() 分隔

该方法返回的是字符串，参数表示用什么分隔数组的每一项，不传参默认逗号分隔，参数为空数组时，数组每一项之间没有间隔。
代码示例：

array = ["a", "b", "c", "d"];
array.join('-');
// "a-b-c-d"

concat() 连接

该方法返回的是新数组，原数组不会被改变。
示例：

a = [1,2,3];
b = [4,5,6];
a.concat(b);
// 新数组 [1, 2, 3, 4, 5, 6]

使用concat()方法还可以用于复制数组
例如：

arr = [1,2,3,4,5];
var newArr = arr.concat([]);
// newArr 的值为 [1, 2, 3, 4, 5]
newArr === arr; // false
// 虽然值相同，但这是两个不同的对象，引用的地址不同

map()

功能与forEach相同，但map()有返回值。同样不会改变原数组的值，返回一个新数组。
示例：

arr = [1, 2, 3, 4, 5];
arr.map(function(value,key){
    return value * 2;
})
// [2, 4, 6, 8, 10]

filter() 过滤、筛选

用法与map()一样。
示例：

arr = [1, 2, 3, 4, 5];
arr.filter(function(value,key){
    return value < 3
})
// [1, 2]

reduce() 可接收一个函数作为累加器

第一个参数传一个函数作为累加器，第二个参数表示初始值。
示例：

arr = [1, 2, 3, 4, 5];
arr.reduce(function(previous,current){
    return previous + current;
}, 0)
// 15

可以用reduce()方法来写map()数组每一项×2：

a = [1, 2, 3, 4, 5];
a.reduce(function(array,n){
    array.push(n * 2);
    return array;
},[])
// [2, 4, 6, 8, 10]

可以用reduce()方法来写filter()筛选偶数：

a = [1, 2, 3, 4, 5];
a.reduce(function(array,n){
    if(n % 2 === 0){
            array.push(n);
        }
    return array;
},[])
// [2, 4]