어레이 확장의 새로운 기능 예에 대한 자세한 설명

배열의 확장으로 실용적인 기능이 많이 추가된 느낌인데 상당히 중요하다고 느껴집니다

　 1. Array.of()는 데이터 변수를 배열 형식으로 변환합니다

{
  let arr = Array.of(3,4,7,9,11);
  console.log('arr=',arr);//[3,4,7,9,11]

  let empty=Array.of();//[]
  console.log('empty',empty);
}

　 2. Array .from()은 두 가지 유형의 객체를 실제 배열로 변환하는 데 사용됩니다: 배열 유사 객체(배열 유사 객체) 및 traversable(반복 가능) 객체(ES6의 새로운 데이터 구조 Set 및 Map 포함)

　동시에 Array.from还可以接受第二个参数，作用类似于数组的map 메소드를 사용하여 각 요소를 처리하고 처리된 값을 반환된 배열에 넣습니다.

{
  let p=document.querySelectorAll('p');
  let pArr=Array.from(p);
  pArr.forEach(function(item){
    console.log(item.textContent);
  });

  console.log(Array.from([1,3,5],function(item){return item*2}));//[2,6,10]
}

　 Three, fill(data,startIndex,endIndex-1)은 데이터 매개변수가 1개뿐이면 모든 데이터 매개변수가 3개 있으면 모두 startIndex~endIndex-1로 대체됩니다. data

{
  console.log('fill-7',[1,'a',undefined].fill(7));//[7,7,7]
  console.log('fill,pos',['a','b','c'].fill(7,1,3));
}

　IV.keys(모든 배열 첨자 반환) 값 ​​(배열의 모든 값 반환) 항목(모든 키 및 값 포함) 　

{  for(let index of ['1','c','ks'].keys()){
    console.log('keys',index);
  }  for(let value of ['1','c','ks'].values()){
    console.log('values',value);
  }  for(let [index,value] of ['1','c','ks'].entries()){
    console.log('values',index,value);
  }
}

5. copyWithin(p1,p2,p3)p1 위치에서 시작하여 p2부터 p3-1까지의 데이터로 덮어씁니다.

{
  console.log([1,2,3,4,5].copyWithin(0,3,4));//[4,2,3,4,5]
}

　6. find()는 첫 번째 값을 찾으면 중지됩니다. 조건을 충족하고 findIndex()가 번째를 찾습니다. 한정된 값의 인덱스가 중지됩니다.

{
  console.log([1,2,3,4,5,6].find(function(item){return item>3}));//4
  console.log([1,2,3,4,5,6].findIndex(function(item){return item>3}));
}

{
  console.log('number',[1,2,NaN].includes(1));//true
  console.log('number',[1,2,NaN].includes(NaN));//true
}

​

위 내용은 어레이 확장의 새로운 기능 예에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!