ES6的一些笔记(四)

数组Array类型

数组扩展的方法之类方法

---

from(array):

from(array)可以将伪数组以及带有Symbol.iterator这个函数的数据结构转化为真正的数组。

var object= {    
     "0" : "A",    
     "1" : "b",    
     "length" : 2
}
var arr = Array.from(object);
console.log(arr);   //  ["A","b"]

---

from(array,val=>...表达式):

并且可以通过第二个参数对要变成数组存储的值进行处理。

var object= {    
     "0" : "A",    
     "1" : "b",    
     "length" : 2
}
var arr = Array.from(object,x=>x+':值');
console.log(arr); // ["A:值", "b:值"]

---

Array.of(...)

( )中的参数用,隔开所返回的是一个新实例的数组

var arr = Array.of(1,3,5);
console.log(arr);

---

copyWithin(index,str,end)

index:要覆盖的元素坐标。
str:开始替换的起始坐标, 默认值为0，如果为负数，则为倒数
end:在哪个位置停止复制，默认为数组长度，负数为倒数，注意的是如果想在坐标为4的地方停止那么这个值要写5

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

数组扩展的方法之实例方法

---

find(function(val, index,arr){})

找到第一个符合条件的元素，如果找不到返回undefined,传入的函数中，有3个形参，分别是val遍历的元素,index遍历的下标，arr数组本身

// 第一个例子
var b = [1, 4, 33, 10].
find(function (val,index,arr) {    
  if(index == 1){        
    return val;    
  }
});
console.log(b);   // 4
// 第二个例子
var b = [1, 4, 33, 10].find((val,index,arr) => index!=0 && index%3 == 0);
console.log(b); // 10

findIndex(function(val, index,arr){})

同find(function(val, index,arr){})不同的是这个方法找到的是第一个符合的元素下标。其他参数一致

// 第一个例子
var b = [1, 4, 33, 10].findIndex(function (val,index,arr) {    
  if(val == 1){        
    return val;    
  }
});
console.log(b); // 0
// 第二个例子
var b = [1, 4, 33, 10].findIndex((val,index,arr) => val!=1);
console.log(b); // 1

fill(content,str,end)

填充数组元素的方法，content第一个参数是要填充的内容，第二个参数str 是起始的下标，第三个参数end是结束的下标，第二个第三个参数都是可选的参数。

var b = [1, 4, 33, 10].fill("js");
console.log(b);    // ["js", "js", "js", "js"]
var b = [1, 4, 33, 10].fill("js",1);
console.log(b);    // [1, "js", "js", "js"]
var b = [1, 4, 33, 10].fill("js",1,3);
console.log(b);    // [1, "js", "js", 10]

keys()

返回ArrayIterator 数据类型可以遍历所有内容都是原先数组的key也就是下标。

var b = [1,2].keys();
for (let index of b){    
  console.log(index);   // 0,1
}
console.log(b)  //   ArrayIterator 

values()

返回ArrayIterator 数据类型可以遍历所有内容都是原先数组的内容（**不清楚为什么这个方法并不生效暂时转换后的效果可能并不好暂时不要使用）

entries()

返回ArrayIterator 数据类型可以遍历所有内容都是原先数组的下标和内容的集合。

var b = ['j', 's'].entries();
for (let [index, val] of b) {    
  console.log(index, val); // [0,'j'],[1,'s']
}
console.log(b)   //  ArrayIterator

includes(val,index)

检测数组中是否有这个内容，第二个参数是从第几个下标开始进行判断。

var b = ['j','s'];
console.log(b.includes('j'))   // true
console.log(b.includes('s'))  // true
console.log(b.includes('j',0)) // true
console.log(b.includes('s',2)) // false