ES6 의 일부 노트 (4)

배열 형식
배열 확장 방법 같은 거.
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 첫 번 째 매개 변 수 는 채 울 내용 이 고 두 번 째 매개 변 수 는 시작 하 는 아래 표 이 며 세 번 째 매개 변수 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 데이터 형식 은 모든 내용 을 옮 겨 다 닐 수 있 습 니 다.

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