JavaScript学习笔记之数组（一）

数组基础篇

1.数组的语法

数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始)。
var arr=[1,2,3] //arr[0]=1
任何类型的数据，都可以放入数组。

 var arr=[
            1,
            'a',
            undefined,
            null,
            true,
            {'name': 'jack','age': 18},
            function(){console.log(fn)}
        ]
arr[5]//对象：{name: "jack", age: 18}
arr[6]//函数：ƒ (){console.log(fn)}

多维数组

var a = [[1, 2], [3, 4]];
        console.log(a[0][0])//1
        console.log(a[1][1])//4

---

2.数组的特点

数组是对象，typeof运算符会返回数组的类型是object
数组的特殊性体现在，它的键名是按次序排列的一组整数（0，1，2…）。

var arr = ['a','b','c'];
        console.log(typeof(arr))//object
         console.log(Object.keys(arr))// ["0", "1", "2"]

上面代码中，可以看到数组成员的键名是固定的（默认总是0、1、2…）
JavaScript 语言规定，对象的键名一律为字符串，所以，数组的键名其实也是字符串。之所以可以用数值读取，是因为非字符串的键名会被转为字符串。

---

3.length属性

数组的length属性，返回数组的成员数量。

JavaScript 使用一个32位整数，保存数组的元素个数。这意味着，数组成员最多只有 4294967295 个（2^32 - 1）个，也就是说length属性的最大值就是 4294967295。

只要是数组，就一定有length属性。该属性是一个动态的值，等于整数键名中的最大整数加上1。

通过设置length的值改变数组的长度
将length属性设为0可以清空数组。
如果设置length大于当前数组元素个数，则数组的长度会增加到这个值，新增的位置都是空位，读取新增的位置都会返回undefined。

length的值只能是正整数，其他值会报错

值得注意的是，由于数组本质上是一种对象，所以可以为数组添加属性和属性值，但是这不影响length属性的值。

---

4.in运算符

检查某个键名是否存在的运算符in，适用于对象，也适用于数组。

var arr=['a','b','c']
        console.log(1 in arr)//true 
        console.log(3 in arr)//false

如果数组的某个位置是空位，in运算符返回false。

var arr=['a','b','c']
        console.log(1 in arr)//true 
        console.log(3 in arr)//false
        arr[100]=2
        console.log(100 in arr)//true
        console.log(99 in arr)//false
        console.log(101 in arr)//false

---

5.for…in 循环和数组的遍历

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

var arr=['a','b','c']
        arr.dd='d'
        for(let i in arr){
            console.log(i)//0,1,2,dd
            console.log(arr[i])//a,b,c,d
        }

一般都是用for循环遍历数组

---

6.类数组

如果一个对象的所有键名都是正整数或零，并且有length属性，那么这个对象就很像数组，语法上称为“类似数组的对象”。
类似数组的对象”并不是数组，因为它们不具备数组特有的方法。

“类似数组的对象”的根本特征，就是具有length属性。这种length属性不是动态值，不会随着成员的变化而变化。

将类数组转换为数组的方法

• var arr = Array.prototype.slice.call(arrayLike);

 var obj={
           0: "a",
           1: "b",
           2: "c",
           3: "d",
           "length": 4
       }
       console.log(obj instanceof Array)//false
       var arr=Array.prototype.slice.call(obj)
       console.log(arr instanceof Array)//true

类数组也可以通过call()方法可以调用数组的方法。

var obj={
           0: "a",
           1: "b",
           2: "c",
           3: "d",
           "length": 4
       }
      Array.prototype.forEach.call(obj,(value,key)=>console.log(key+':'+value))
//       0:a
//       1:b
//       2:c
//       3:d

字符串也是类似数组的对象，所以也可以用Array.prototype.forEach.call遍历。

 Array.prototype.forEach.call('string', (str,key)=>console.log(key+':'+str))
        // 0:s
        // 1:t
        // 2:r
        // 3:i
        // 4:n
        // 5:g

call()方法比直接使用数组原生的forEach要慢，所以最好还是先将类数组转为真正的数组，再调用数组的forEach方法。

---