슬라이스를 사용하여 클래스 배열을 배열로 변환하는 방법

이 글은 두 부분으로 나누어져 있습니다. 첫 번째 부분은 slice() 사용에 대한 내용이고 두 번째 부분은 slice을 사용하여 클래스 배열을 배열로 변환하는 내용입니다. 그것이 당신에게 도움이 되기를 바랍니다. 1부:

공식 문서에 따르면 슬라이스는 배열을 가로채고 선택하는 데 사용됩니다. 하나 또는 두 개의 매개변수가 전달될 수 있습니다. 반환 값은 새 배열이며 원래 배열에 영향을 주지 않습니다.

먼저 새로운 배열 str

  var str = new Array();
        str[0] = 1;
        str[1] = 2;
        str[2] = 3;
        str[3] = 4;
        str[4] = 5;

반환값은 선택된 새 배열이며, 원래 배열은 수정되지 않습니다.

매개변수인 경우 시작(첨자)하고 배열의 끝까지 선택하는 위치입니다.

var strs = str.slice(2);
console.log(strs);      // [3, 4, 5]
console.log(str);       // [1, 2, 3, 4, 5]

두 개의 매개변수가 전달되면 선택은 첫 번째 매개변수(아래 첨자)부터 시작하여 두 번째 매개변수(아래 첨자)로 끝나지만 두 번째 매개변수는 포함되지 않습니다.

var strs = str.slice(2,4);
console.log(strs);      // [3, 4]

음수가 전달되면 배열의 끝부터 계산하여 -1은 마지막 요소, -2는 끝에서 두 번째 요소 등을 의미합니다.

var strs = str.slice(-2);
console.log(strs);      // [4, 5]

두 개의 음수가 전달되면 위와 동일하지만 처음부터 시작합니다. 배열의 끝.

var strs = str.slice(-4,-1);
console.log(strs);      // [2, 3, 4]

두 개의 매개변수가 전달되고 두 번째 매개변수가 첫 번째 매개변수보다 작은 경우 결과는 빈 배열이 됩니다(음수의 경우에도 마찬가지).

var strs = str.slice(-1,1);      
console.log(strs);      // [ ]

알겠습니다. 위에서는 슬라이스 함수를 사용하는 방법입니다

하지만 실제로는 일반적으로 배열과 같은 것을 배열로 변환하는 데 사용됩니다.

이것은 이전에 클래스 배열을 얻기 위해 작성한 HTML 코드의 문자열입니다

    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>

결과는 다음과 같습니다.

var NodeList = document.querySelectorAll("div");
console.log(NodeList);      //NodeList(10) [div, div, div, div, div, div, div, div, div, div]
NodeList = [].slice.call(NodeList);
console.log(NodeList)       //(10) [div, div, div, div, div, div, div, div, div, div]

첫 번째 줄은 클래스 배열을 먼저 가져오는 것입니다

두 번째 줄은 클래스 배열을 다음과 같이 출력하는 것입니다. the console

세 번째 줄은 변환 클래스 배열(수락하려면 변수를 사용해야 함)이거나 Array.prototype.slice.call(NodeList)도 허용됩니다. 네 번째 줄은 동일합니다. 변환된 배열을 콘솔에 출력합니다.
너도 배웠는지 궁금해? 아직 배웠는지는 모르겠지만, 직접 몇 번이나 타이핑했어요, 하하.

위 내용은 슬라이스를 사용하여 클래스 배열을 배열로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!