> 웹 프론트엔드 > JS 튜토리얼 > JS 배열 병합 푸시와 연결의 차이점에 대한 심층적인 이해

JS 배열 병합 푸시와 연결의 차이점에 대한 심층적인 이해

yulia
풀어 주다: 2018-09-14 14:53:29
원래의
1824명이 탐색했습니다.

Array splicing은 JavaScript에서 자주 사용됩니다. push와 concat 모두 배열을 병합할 수 있습니다. 다음으로 JS 배열 병합 푸시(array merge push)와 연결(concat)의 차이점을 알려드리겠습니다. 도움이 필요한 학생들은 참고하시면 됩니다.

1.push() 메소드

 var array=[1,2,3,4,5];
    console.log(array);   //[1, 2, 3, 4, 5]
    array.push(6);        //一个参数
    console.log(array);   //[1, 2, 3, 4, 5, 6]
    array.push(6,7);      //两个参数
    console.log(array);   //[1, 2, 3, 4, 5, 6, 7]
    array.push([6,7]);    //参数为数组
    console.log(array);   //[1, 2, 3, 4, 5, 6, Array(2)]
로그인 후 복사

2.concat() 메소드

var array=[1,2,3,4,5];
    console.log(array);   //[1, 2, 3, 4, 5]
    var array2=array.concat(6);    //一个参数
    console.log(array);    //[1, 2, 3, 4, 5]
    console.log(array2);   //[1, 2, 3, 4, 5, 6]
    var array2=array.concat(6,7);    //两个参数
    console.log(array);    //[1, 2, 3, 4, 5]
    console.log(array2);   //[1, 2, 3, 4, 5, 6,7]
    var array2=array.concat([6,7]);    //参数为数组
    console.log(array);    //[1, 2, 3, 4, 5]
    console.log(array2);   //[1, 2, 3, 4, 5, 6, 7]
로그인 후 복사

코드를 보면 몇 가지 점을 알 수 있습니다. 차이점:

1. 원래 배열 예, 원래 배열의 값은 push() 메서드를 실행한 후에도 변경됩니다. concat() 먼저 원본 배열을 새 배열에 복사한 다음 새 배열에서 작동하므로 원본 배열의 값은 변경되지 않습니다.

2. 매개변수가 배열이 아닌 경우 매개변수 수에 관계없이 push() 및 concat()는 매개변수를 배열에 직접 추가하고, 매개변수가 배열인 경우 push()는 매개변수를 직접 추가합니다. 배열 다음에 concat()은 배열의 값을 가져와서 원래 배열에 추가합니다.

요약:

배열에 추가하려면 concat을 사용하는데, Java의 replacement와 동일하므로 사용 후 arr1=arr1.concat(arr2)를 기억하세요. 이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

위 내용은 JS 배열 병합 푸시와 연결의 차이점에 대한 심층적인 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿