JS 에서 흔히 볼 수 있 는 몇 가지.

JS 에서 흔히 볼 수 있 는 몇 가지.

foreach foreach 는 배열 이나 대상 의 순서에 따라 현재 요 소 를 무엇 을 하 는 지, 구체 적 으로 무엇 을 하 는 지, 마음대로

   arr[].forEach((item, index, array) => {
        // foreach             ，     foreach       （  ）           
        //      
        // item：   ，index：      ， array：    
        //       this     Window
        //       
      })

   var ary = [1,2,3,4,5];
   var res = ary.forEach((item, index, arr) => {
       arr[index] = item * 10;
   })

console.log(res) --> undefined
console.log(ary) --> Array (5) [10, 20, 30, 40, 50]

filter filter 는 필터 와 같 습 니 다.예 를 들 어 배열 의 10 이상 요 소 를 새로운 배열 에 넣 고 배열 의 모든 항목 과 10 을 비교 하 며 10 이상 의 항목 을 새로운 배열 에 넣 을 것 이다.

   var temp = [0, 5, 10, 20, 30].filter((item, index) => {
       console.log(item); //        
       console.log(index); //       
       return item > 10 //     10  
   })

console.log(temp) --> Array (2) [20, 30]

맵 은 복제 로 set 와 구별 된다.원본 배열 의 모든 복 제 를 새로운 배열 에 넣 고 끝 날 때 새로운 배열 을 얻 습 니 다. 원본 배열 은 변 하지 않 습 니 다. 새 배열 의 순 서 는 원본 배열 과 같 습 니 다

   arr[].map((item, index, array) => {
       //          
       // item：   ，index：      ， array：    
       //         ，         
       return XXX //         
   })

   var arr2 = [1,2,3,4,5]
   var res2 = arr2.map((item, index, array) => {
       return item * 100
   })

console. log (res2) -- > Array (5) [100, 200, 300, 400, 500] / / 원래 배열 을 복사 하여 수정 하 였 습 니 다.
console. log (arr2) -- > Array (5) [1, 2, 3, 4, 5] / / 원수 그룹 은 변 하지 않 았 습 니 다.

   //        
   var arr3 = [1,2,3,4,5]
   var obj = arr3.map((item) => ({
           key: item,
           value: item,
   }));

console.log(obj) --> Array (5) [{key: 1}, {key: 2}, {key: 3}, {key: 4}, {key: 5}]

Object. keys () 는 대상 의 모든 key 의 배열

을 되 돌려 줍 니 다.

   var obj = {'0':'a','1':{'key':'1'},'2':10,'3':'xxx'}
      var keysArr = Object.keys(obj);

console.log(keysArr); --> Array (4) ['0', '1', '2', '3']

forEach 와 결합 하여 스페이스 바 제거

   removeBlankSpace = obj => Object.keys(values)
      .forEach((key) => {
         values[key] = values[key].trim()
      }
   )

맵 과 결합 하여 대상 의 값 얻 기

   getValue = obj =>
      Object.keys(obj)
         .map(key => obj[key])
            .join(',')

reduce 누산기.배열 의 첫 번 째 항목 부터 한 항목 을 검사 할 때마다 앞의 총화 와 함께 합 쳐 마지막 에 총화

로 돌아간다.

   var temp = [1, 2, 3, 4 ,5].reduce((accumulator, currentValue, currentIndex, array) => {
       console.log(accumulator) //    
       console.log(currentValue) //      
       console.log(currentIndex) //       
       console.log(array) //     
       return accumulator + currentValue; //         
   });

console.log(temp) --> Number 15

Set

ES6 의 새로운 데이터 구조 Set.그것 은 배열 과 유사 하지만 구성원 의 값 은 모두 유일 하 며 중복 되 는 값 이 없다.

Set 자 체 는 구조 함수 로 Set 데이터 구 조 를 생 성 하 는 데 사용 된다.

add () 방법 으로 Set 구조 에 구성원 을 추가 할 수 있 으 며, Set 구 조 는 중복 되 는 값 을 추가 하지 않 습 니 다.

Array. from 방법 은 Set 구 조 를 배열 로 바 꿀 수 있다.

   const array = [1, 1, 2, 2, 3];
   function removeDedupe(array) {
     const set = new Set(array)
     return Array.from(set);
   }

console.log(set) --> Set (3) [1, 2, 3]
console.log(array) --> Array (3) [1, 2, 3]
set 데이터 구 조 는 배열 과 유사 하지만 구성원 의 값 은 유일 하 며 중복 되 는 값 이 없습니다.

   let set = new Set();
   set.add({});
   set.size // 1
   set.add({});
   set.size // 2

set 데이터 구조 에서 두 대상 은 항상 같 지 않 은 것 으로 간주 합 니 다 (비어 있 더 라 도).

Set 구조의 인 스 턴 스 조작 방법

Set. prototype. add (value): 어떤 값 을 추가 하고 Set 구조 자 체 를 되 돌려 줍 니 다.

Set. prototype. delete (value): 어떤 값 을 삭제 하고 불 값 을 되 돌려 삭제 에 성 공 했 는 지 여 부 를 표시 합 니 다.

Set. prototype. has (value): 이 값 이 Set 의 구성원 인지 아 닌 지 를 나타 내 는 불 값 을 되 돌려 줍 니 다.

Set. prototype. clear (): 모든 구성원 을 삭제 하고 반환 값 이 없습니다.

Set 구조의 인 스 턴 스 스 스 트 리밍 방법

Set. prototype. keys (): 키 이름 을 되 돌려 주 는 달력

Set. prototype. values (): 키 값 을 되 돌려 주 는 달력

Set. prototype. entries (): 키 값 이 맞 는 스 트 리밍 기 를 되 돌려 줍 니 다

Set. prototype. foreach (): 리 셋 함 수 를 사용 하여 각 구성원 을 옮 겨 다 니 기