ES6 중수조array 새로운 방법 실례 총결산

4186 단어
본고는 ES6 중수조array의 새로운 방법을 실례로 서술하였다.다음과 같이 여러분에게 참고할 수 있도록 공유합니다.
●find :

let arr=[1,2,234,'sdf',-2];
arr.find(function(x){
  return x<=2;
})// :1, x 
arr.find(function(x,i,arr){
  if(x<2){console.log(x,i,arr)}
})// :1 0 [1, 2, 234, "sdf", -2],-2 4 [1, 2, 234, "sdf", -2]


find의 매개 변수는 리셋 함수입니다. 리셋 함수는 3개의 매개 변수, 값 x, 그래서 i, 수조arr, 리셋 함수 기본 반환값 x를 수신할 수 있습니다.
●findIndex :

let arr=[1,2,234,'sdf',-2];
arr.findIndex(function(x){
  return x<=2;
})// :0, x 
arr.findIndex(function(x,i,arr){
  if(x<2){console.log(x,i,arr)}
})// :1 0 [1, 2, 234, "sdf", -2],-2 4 [1, 2, 234, "sdf", -2]


findIndex와find는 차이가 많지 않지만 기본적으로 색인을 반환합니다.
●includes:

let arr=[1,2,234,'sdf',-2];
arr.includes(2);//  true, 
arr.includes(20);//  :false, 
arr.includes(2,3)// :false, 


includes 함수는string의includes와 같이 2 인자, 검색 항목, 검색 시작 위치를 수신합니다.
●keys:

let arr=[1,2,234,'sdf',-2];
for(let a of arr.keys()){
  console.log(a)
}// :0,1,2,3,4  arr 


keys, 그룹 인덱스 반복
●values:

let arr=[1,2,234,'sdf',-2];
for(let a of arr.values()){
  console.log(a)
}// :1,2,234,sdf,-2  arr 


keys, 그룹 항목에 대한 반복
●entries:

let arr=['w','b'];
for(let a of arr.entries()){
  console.log(a)
}// :[0,w],[1,b]
for(let [i,v] of arr.entries()){
  console.log(i,v)
}// :0 w,1 b


entries, 그룹 키 값이 맞습니다.
●fill:

let arr=['w','b'];
arr.fill('i')// :['i','i'], 
arr.fill('o',1)// :['i','o'] , 
new Array(3).fill('k').fill('r',1,2)// :['k','r','k'], 


fill 방법은 원수조를 변경합니다. 세 번째 파라미터가 수조의 길이보다 크면 마지막 위치를 끝 위치로 합니다.
●Array.of():

Array.of('w','i','r')//["w", "i", "r"] 
Array.of(['w','o'])//[['w','o']] 
Array.of(undefined)//[undefined] 
Array.of()//[] 


Array.() 방법은 하나의 수조를 영원히 되돌려줍니다. 매개 변수는 유형을 가리지 않고 수량만 나누고, 수량은 0으로 공수조를 되돌려줍니다.
●copyWithin:

["w", "i", "r"].copyWithin(0)// 
["w", "i", "r"].copyWithin(1)//["w", "w", "i"], 1 , 1 0 
["w", "i", "r","b"].copyWithin(1,2)//["w", "r", "b", "b"], 2 r,b 1 , , 
["w", "i", "r",'b'].copyWithin(1,2,3)//["w", "r", "r", "b"], 1 i 2 r


copy Within 방법은 세 개의 매개 변수를 수신하는데 교체된 데이터의 시작점, 교체 블록의 시작점, 교체 블록의 끝점(포함하지 않음).copyWithin(s,m,n).
●Array.from():

Array.from({'0':'w','1':'b',length:2})//["w", "b"], length, !
Array.from({'0':'w','1':'b',length:4})//["w", "b", undefined, undefined], 2 , undefined
Array.from({'0':'w','1':'b',length:1})//["w"],length key , 


let divs=document.getElementsByTagName('div');
Array.from(divs)// div 
Array.from('wbiokr')//["w", "b", "i", "o", "k", "r"]
Array.from([1,2,3],function(x){
    return x+1})//[2, 3, 4], 


Array.from은 lenght 속성과 유사한 수조를 가진 대상을 수조로 변환할 수도 있고, 문자열 등 두루 다닐 수 있는 대상을 수조로 변환할 수도 있으며, 매개 변수 2개, 변환 대상과 리셋 함수를 수신합니다.
더 많은 관련 내용은 본 사이트의 주제를 볼 수 있습니다:, 자바스크립트 수조 조작 기교 총결, 자바스크립트 문자와 문자열 조작 기교 총결, 자바스크립트 데이터 구조와 알고리즘 기교 총결, 자바스크립트 오류와 디버깅 기교 총결 및 자바스크립트 대상 입문 교과
이 문서는 ECMAScript 기반의 프로그램 설계에 도움이 되기를 바랍니다.

좋은 웹페이지 즐겨찾기