var arr = ['item 1', 'item 2', 'item 3'] var list = '' &"/> var arr = ['item 1', 'item 2', 'item 3'] var list = '' &">

 >  기사  >  웹 프론트엔드  >  JavaScript 기본 함수의 배열 처리 함수 사용 예 정리

JavaScript 기본 함수의 배열 처리 함수 사용 예 정리

伊谢尔伦
伊谢尔伦원래의
2017-07-25 15:49:301331검색

join()

은 배열의 모든 요소를 ​​문자열에 넣습니다. 요소는 지정된 구분 기호로 구분됩니다.
예:

 <script type="text/javascript">
       var arr = [&#39;item 1&#39;, &#39;item 2&#39;, &#39;item 3&#39;];
       var list = &#39;<ul><li>&#39; + arr.join(&#39;</li><li>&#39;) + &#39;</li></ul>&#39;;
 </script>

목록 결과:

'ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6항목 1bed06894275b65c1ab86501b08a632eb25edfb22a4f469ecb59f1190150159c6항목 2bed06894275b65c1ab86501b08a632eb25edfb22a4f469ecb59f1190150159c6항목 3bed06894275b65c1ab86501b08a632eb224f1b147a69b1f0e700f8d329635183'
이게 가장 빠른 방법이에요! 시스템이 내부적으로 수행하는 작업에 관계없이 기본 코드(예: Join())를 사용하는 것은 일반적으로 기본이 아닌 코드보다 훨씬 빠릅니다. ——James Padolsey, james.padolsey.com

pop()

배열의 마지막 요소를 삭제하고 반환합니다
pop() 메서드는 배열의 마지막 요소를 삭제하고 배열의 길이를 1만큼 감소시킵니다. 삭제한 요소의 값을 반환합니다.
배열이 이미 비어 있으면 pop()은 배열을 변경하지 않고 정의되지 않은 값을 반환합니다.
예:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.pop() + "<br/>");
       document.write(arr);
 </script>

출력 결과:
George, John, Thomas
Thomas
George, John

push()

배열에 하나 이상의 요소를 끝에 추가하고 새 길이를 반환합니다.
예:

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.push("James") + "<br/>");
       document.write(arr);
 </script>

출력 결과:
George,John,Thomas
4
George,John,Thomas,James

unshift()

배열에 하나 이상의 요소를 시작 부분에 추가하고 새 길이를 반환합니다.

예:

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.unshift("James") + "<br/>");
       document.write(arr);
 </script>

출력 결과:
George,John,Thomas
4
James,George,John,Thomas

shift()

배열의 첫 번째 요소를 삭제하고 반환

예:

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.shift() + "<br/>");
       document.write(arr);
 </script>

출력 결과:
George,John,Thomas
George
John,Thomas


정렬 ()

배열 요소 정렬

배열에 대한 참조입니다. 배열은 원본 배열에 따라 정렬되며 복사본이 생성되지 않습니다.
이 방법은 기본적으로 문자 인코딩(ASCII) 순서로 정렬됩니다.
예:

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = "John";
     arr[1] = "George";
     arr[2] = "Thomas";
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>


출력 결과:
John,George,Thomas
George ,John, Thomas

또 다른 예를 살펴보겠습니다:

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

출력 결과:
10,5,40,25,1000,1
1,10,1000,25,40,5

우리는 그것이임을 알 수 있습니다 우리가 생각하는 숫자 크기별 정렬이 아닙니다. 숫자 크기별로 정렬하려면 기본 정렬 방법을 변경하고 정렬 규칙을 직접 지정해야 합니다.
다음과 같습니다:

 <script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort(function (a, b) {return a - b;}));// 从大到小
 </script>

출력 결과:
10,5,40,25,1000,1
1,5,10,25,40,1000
내림차순으로 정렬하고 싶다면 어떻게 해야 할까요?
정렬 규칙을 다음으로 변경하세요:
function (a, b) {return b - a;}
그리고 괜찮습니다

위 내용은 JavaScript 기본 함수의 배열 처리 함수 사용 예 정리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.