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

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

伊谢尔伦
풀어 주다: 2017-07-25 15:49:30
원래의
1390명이 탐색했습니다.

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>
로그인 후 복사

목록 결과:

'

  • 항목 1
  • 항목 2
  • 항목 3
  • '
    이게 가장 빠른 방법이에요! 시스템이 내부적으로 수행하는 작업에 관계없이 기본 코드(예: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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