> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 배열

JavaScript의 배열

Linda Hamilton
풀어 주다: 2025-01-19 02:29:14
원래의
204명이 탐색했습니다.

Arrays in JavaScript

핵심 JavaScript 배열 방식에 대한 자세한 설명

다음은 일반적으로 사용되는 JavaScript 배열 방법입니다.

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

    <code class="language-javascript">let numbers = [1, 2, 3];
    console.log(numbers.push(4)); // 输出:4  numbers数组变为 [1, 2, 3, 4]</code>
    로그인 후 복사
  2. slice(): 배열에서 지정된 인덱스 범위 내의 요소를 추출하고 새 배열을 반환합니다. 원래 배열은 변경되지 않습니다.

    <code class="language-javascript">let numbers = [1, 2, 3, 4, 5];
    console.log(numbers.slice(1, 4)); // 输出:[2, 3, 4]  (从索引1到3)</code>
    로그인 후 복사
  3. splice(): 배열에서 요소를 추가하거나 제거합니다. 시작 인덱스, 삭제할 요소 수 및 삽입할 새 요소를 지정할 수 있습니다.

    <code class="language-javascript">let fruits = ['apple', 'mango', 'orange', 'pear'];
    fruits.splice(2, 0, 'pawpaw', 'strawberries'); // 从索引2开始,不删除任何元素,插入'pawpaw'和'strawberries'
    console.log(fruits); // 输出:['apple', 'mango', 'pawpaw', 'strawberries', 'orange', 'pear']
    
    fruits.splice(2, 1); // 从索引2开始,删除1个元素
    console.log(fruits); // 输出:['apple', 'mango', 'strawberries', 'orange', 'pear']</code>
    로그인 후 복사
  4. concat(): 두 개 이상의 배열을 연결하고 새 배열을 반환합니다. 원래 배열은 변경되지 않습니다.

    <code class="language-javascript">let arr1 = [1, 2, 3, 4];
    let arr2 = [5, 6, 7];
    console.log(arr1.concat(arr2)); // 输出:[1, 2, 3, 4, 5, 6, 7]
    let arr3 = [8, 9];
    console.log(arr1.concat(arr2, arr3)); // 输出:[1, 2, 3, 4, 5, 6, 7, 8, 9]</code>
    로그인 후 복사
  5. fill(): 배열의 지정된 범위에 있는 요소를 지정된 값으로 바꿉니다.

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    arr4.fill('Anurag', 2, 4); // 从索引2到3,用'Anurag'填充
    console.log(arr4); // 输出:[1, 2, 'Anurag', 'Anurag']</code>
    로그인 후 복사
  6. shift(): 배열의 첫 번째 요소를 삭제하고 해당 요소를 반환합니다.

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    arr4.shift();
    console.log(arr4); // 输出:[2, 3, 4]</code>
    로그인 후 복사
  7. indexOf(): 배열에서 지정된 요소가 처음 나타나는 인덱스를 반환합니다. 요소가 존재하지 않으면 -1을 반환합니다.

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    console.log(arr4.indexOf(3)); // 输出:2</code>
    로그인 후 복사
  8. lastIndexOf(): 배열에서 지정된 요소가 마지막으로 나타나는 인덱스를 반환합니다. 요소가 존재하지 않으면 -1을 반환합니다.

    <code class="language-javascript">let arr4 = [1, 2, 3, 4, 3];
    console.log(arr4.lastIndexOf(3)); // 输出:4</code>
    로그인 후 복사
  9. includes(): 배열에 지정된 요소가 포함되어 있는지 확인하고 부울 값을 반환합니다.

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    console.log(arr4.includes(4)); // 输出:true
    console.log(arr4.includes(5)); // 输出:false</code>
    로그인 후 복사
  10. pop(): 배열의 마지막 요소를 삭제하고 해당 요소를 반환합니다.

    <code class="language-javascript"> let arr4 = [1, 2, 3, 4];
     arr4.pop();
     console.log(arr4); // 输出:[1, 2, 3]</code>
    로그인 후 복사
  11. join(): 배열 요소를 문자열로 연결하고 해당 문자열을 반환합니다. 구분 기호를 지정할 수 있습니다.

    <code class="language-javascript"> let arr4 = [1, 2, 3];
     console.log(arr4.join('and')); // 输出:1and2and3</code>
    로그인 후 복사
  12. unshift(): 배열의 시작 부분에 하나 이상의 요소를 추가하고 새 배열의 길이를 반환합니다.

    <code class="language-javascript"> let arr4 = [1, 2, 3];
     arr4.unshift(0);
     console.log(arr4); // 输出:[0, 1, 2, 3]</code>
    로그인 후 복사

내 GitHub 링크
내 LinkedIn 링크(실제 링크로 대체해주세요)

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

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