数组相关知识点
- 稀疏数组： 包含从0开始的不连续索引的数组；
- delete arr[1] 会删除arr[1] (等价于替换成undefined) 数组变成稀疏数组
- js是不支持多维数组的，可以是用数组中的数组来近似
数组方法：
- 改变原数组的方法：
reverse() //改变原来数组，返回值是改变后的原来数组， sort(function(a,b){return b-a}) splice(start,length,....) //开始位置，删除长度，插入的元素 push() unshift() 在最后,或者首位添加元素 返回值是长度 pop shift 末尾,首位删除 返回值是删除的元素 - 不改变原数组的方法：
join()//转换成字符串，和String.split() 逆操作 返回值是拼接之后字符串 arr.concat() //返回新的数组 slice(start,end) //返回新数组（片段，子数组） 可以是负数， 可以只有start(start,length) toString() // 返回转换后字符串 toLocaleString() //返回转换后字符串 - forEach
var arr=[1,2,3,4]; //值 索引 原来数组 arr.forEach(function(val,index,arr){sum+=val}); //不能break 可以放try模块中break - map
var x = arr.map(functino(val,index,arr){ //不改变原数组 return val*val }) //返回一个数组 没返回值就是(根据arr 的长度)[undefined,undefined ....] - filter()
arr.filter(function(val,index,arr){// 不改变原数组 return val>3 }) - every() some() 数组 的逻辑判断 返回true或者是false
arr.erery(function(val,index,arr){return val>1}); arr.come(function(val,index,arr){return val>1}); - reduce(fn,num) reduceRight() 使用指定函数将数组的元素进行组合，生成单值
reduceRight(fn,num) 从数组索引高到低
// fn执行简化的函数 第二个是传递给函数的初始值（可选） var sum = arr.reduce(function(x,y){ return x+y; },firstNum) - indexOf() lastIndexOf()
返回第一个匹配的元素的索引，没有返回-1； indexOf(val,start) 从左边开始搜索 start 开始索引的位置 lastIndexOf(val, start) 从右边开始搜索 start 可以为负数 - isArray() //判断是不是数组
var arr1=[1,3,4,,5] Array.isArray(arr1) // true Object.prototype.toString.call(arr1)==="[Object Array]" //true - 类数组对象
一种拥有数值length属性和对应非负数属性的对象，看做是一种类数组；
Arguments对象是类数组 document.getElementsByTagName() 返回的也是类数组 //判断对象是不是类数组 //客户端中DOM 文本节点也是有length属性，需要用额外的判断o.nodeType!=3将其排除 function isArrayLike(o){ if(o && typeof o ==="oject" && o.length>0 && o.length===Math.floor(o.length) && //判断是不是整数 o.length<4294967296>){ //长度小于2^32 return true; }else{ return false } } 类数组对象没有继承Array.prototype 不能直接调用数组方法，可以间接使用Function.call(): var a={"0":"a","1":"b","2":"c",length:3}; Array.prototype.join.call(a,"+") // "a+b+c" 字符串的值是不可以变的，当做数组看的时候，他们是只读的。不可以修改
es6 数组方法：
-
扩展运算符：(...) 将一个数组转化为用逗号分隔的参数序列
(1) 数组合并 var arr1=[1,23,4], arr2=[2,4,5]; var arr =[...arr1,...arr2] (2)替代函数的apply 用到apply的时候可以考虑用扩展运算符来代替 function f(x,y,z){} var args=[1,2,3]; es5： f.apply(null,args); es6: f(...args); (3) 复制数组 var arr=[1,2,3]; var a2=a1.concat(); var a2=[...a1]; var [...a2]=a1 -
Array.from(arrLike,function(x){},bindThis) 把类数组，和可遍历（iterable） 对象转换为数组
第二个参数类似map 对每个元素进行处理，处理后的值放到返回值的数组中 类数组：DOM 操作返回的 NodeList 集合，以及函数内部的arguments对象 部署了 Iterator 接口的数据结构： string/ 遍历（iterable）： let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5的写法 var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c'] // ES6的写法 let arr2 = Array.from(arrayLike); // ['a', 'b', 'c'] -
Array.of() 将一组值转换为数组
Array(3) // [, , ,] Array.of(3) // [3] Array.of(3, 11, 8) // [3,11,8] -
copyWithin() 数组内部替换元素 ， 修改当前数组
Array.prototype.copyWithin(target, start = 0, end = this.length) -target（必需）：从该位置开始替换数据。如果为负值，表示倒数。 -start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示倒数。 -end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示倒数。 [1, 2, 3, 4, 5].copyWithin(0, 3) // [4, 5, 3, 4, 5] 替换12 为45 -
find(function(val,index,arr){ return val}) findIndex(function(val,index,arr){ return index})
find 遍历数组，找出第一个满足回调函数的的成员，并返回该成员，无则返回undefined; findIndex 遍历数组，找出第一个满足回调函数的的成员，并返回该成员的索引位置，无则返回-1; [1, 4, -5, 10].find((n) => n < 0) // -5 [NaN].indexOf(NaN) // -1 [NaN].findIndex(y => Object.is(NaN, y)) // 0 -
fill(val,startIndex,endIndex) 数组填充（覆盖）
['a', 'b', 'c'].fill(7) // [7, 7, 7] ['a', 'b', 'c'].fill(7, 1, 2) // ['a', 7, 'c'] -
entries() keys() values() 遍历
for (let index of ['a', 'b'].keys()) { console.log(index); } // 0 // 1 如果不使用for...of循环，可以手动调用遍历器对象的next方法，进行遍历 let letter = ['a', 'b', 'c']; let entries = letter.entries(); console.log(entries.next().value); // [0, 'a'] console.log(entries.next().value); // [1, 'b'] console.log(entries.next().value); // [2, 'c'] -
includes(val,index=0) ES2016引入
index默认是0，起始索引位置 返回值是布尔，负数表示从倒数开始，大于length 从0开始 [1, 2, 3].includes(3, -1); // true -
数组的空位（不是undefined 是没有任何值）
- forEach(), filter(), reduce(), every() 和some()都会跳过空位
- map()会跳过空位，但会保留这个值 有待考证 - join()和toString()会将空位视为undefined，而undefined和null会被处理成空字符串
