그룹 내장 방법 전체 (1)

3471 단어
원문에서 30개에 가까운 수조 내건 방법을 골라서 그 중 개인이 사용 가치가 비교적 높다고 생각하지만 상대적으로 평소에 사용하지 못할 방법은 다음과 같다.중국어 문서도 있으니 직접 클릭하여 조회할 수 있다
1.Array.from(arrayLike,mapFn,thisArg): 객체를 배열로 변환
  • 전환 가능한 대상:
  • 클래스 그룹 대상, 즉length 속성과 index 인덱스
  • 에 Iterator 인터페이스의 대상을 배치했다. 예를 들어 Set, Map, Array 등이다.
  • 반환값: 새로운 그룹 실례
  • 매개 변수:
  • arrayLike: 클래스 그룹 대상
  • mapFn(옵션): 교체 방법, 모든 요소를 조작
  • thisArg(옵션): 교체 방법의this 대상을 지정
  • 예:
  • var newArr1 = Array.from((1,2,3),x = > x + x);    //  [2,4,6];
    var newArr2 = Array.from(map([1,2],[2,3]));       //  [[1,2],[2,3]];
    

    2.Array.isArray(obj): 배열 여부를 판단합니다.
  • 반환값: 부울 값
  • 매개 변수:
  • obj:판단대상
  • 예:
  • //ture
    Array.isArray([]);          
    Array.isArray(Array.prototype);   //Array.prototype 
    
    //false
    Array.isArray({});
    Array.isArray(true);
    

    3. Array.of(element0[,element1[,...[,elementN]]]): 배열 만들기
  • 반환값: 하나의 그룹 실례
  • 매개 변수:
  • element: 수조 내용
  • 와 Array의 차이점: 매개 변수가 하나의 정수일 때 Array()는 창설 길이를 표시하고 ArrayOf() 또는 창설 내용을 표시한다
  • Array.of(7)  //[7]
    Array.of(1,2,3)  //[1,2,3]
    
    Array(7)  // 7 , 
    Array.of(1,2,3)  //[1,2,3]
    
  • 예:
  • Array.of(undefined)  //[undefined]
    

    4. Array.prototype.concat(arr1,arr2,...):두 개 혹은 두 개 이상의 그룹을 합치면 원수 그룹을 바꾸지 않습니다
  • 반환값: 새 그룹
  • 매개 변수:
  • arr: 합병이 필요한 수조
  • 예:
  • // 
    var nums =[1, 2, 3] .concat([4, 5, 6]);    //  [1,2,3,4,5,6]
    
    // ( )
    var nums = [1, 2, 3].concat([4,5,6], 3);  //  [1,2,3,4,5,6,3]
    
  • 플러그인 그룹의 차이점, 생성된 새로운 그룹과 동적 관련
  • 주의
    // , 
    var num1 = [[1]];
    var num2 = [2, [3]];
    var nums = num1.concat(num2);    // [[1], 2, [3]]
    //  num1 
    num1[0].push(4);
    // nums [[1, 4], 2, [3]]
    

    5. Array.prototype.every(callback[,thisArg]): 배열의 모든 값을 검증합니다.
  • 반환값: 부울 값
  • 매개 변수:
  • callback(): 1). currentValue: 현재 값 2를 반복합니다.index (선택 가능): 현재 값 인덱스 3.array: 옮겨다니는 그룹 자체
  • thisArg(선택 사항): 콜백 함수의 this 키워드를 참조할 수 있는 대상입니다.thisArg을 생략하면 undefined가 this 값으로 사용됩니다.
  • 예:
  • function isBelowThreshold(currentValue) {
      return currentValue < 40;
    }
    var array1 = [1, 30, 39, 29, 10, 13];
    array1.every(isBelowThreshold);    //ture
    

    6. Array.prototype.entries (): 그룹의 모든 값을 검증합니다
  • 반환값: 반환 교체기, 수조 대상을 포함하는 키 값 쌍
  • 예:
  • var a = ['a', 'b', 'c'];
    var iterator = a.entries();
    
    console.log(iterator.next().value); // [0, 'a']
    console.log(iterator.next().value); // [1, 'b']
    console.log(iterator.next().value); // [2, 'c']
    
  • for... 사용 가능for 순환과 for...in의 차이점
  • var a = ['a', 'b', 'c'];
    var iterator = a.entries();
    for(let k in iterator){
      console.log(k);
    }
    // [0, 'a']
    // [1, 'b']
    // [2, 'c']
    

    7. Array.prototype.find (callbackfn (element, index,array): 수조에서 조건에 맞는 첫 번째 값을 찾습니다
  • 반환값: 조건에 맞는 값
  • 매개 변수:
  • callbackfn(): 1). 요소 (선택 가능): 현재 값 2 를 옮겨다니고 있습니다.index (선택 가능): 현재 값 인덱스 3.array (선택 가능): 옮겨다니는 그룹 자체
  • thisArg(선택 사항): 콜백 함수의 this 키워드를 참조할 수 있는 대상입니다.thisArg을 생략하면 undefined가 this 값으로 사용됩니다.
  • function isBigEnough(element) {
      return element >= 15;
    }
    [12, 5, 8, 130, 44].find(isBigEnough); // 130
    

    계속해서..수조 내장 방법 대전(二)

    좋은 웹페이지 즐겨찾기