JavaScript 배열 방법

16544 단어 javascriptprogramming

어레이 돌연변이 방법



원래 어레이 변경
  • pop() : 배열의 las 요소를 제거하고 반환합니다.

  • const array = ['Element 1', 'Element 2', 'Element 3'];
    console.log(array.pop()); // 'Element 3'
    console.log(array); // ['Element 1', 'Element 2'];
    


  • shift() : 배열의 첫 번째 요소를 제거하고 반환합니다.

  • const array = ['Element 1', 'Element 2', 'Element 3'];
    console.log(array.shift()); // 'Element 1'
    console.log(array); // ['Element 2', 'Element 3'];
    


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

  • const array = ['Element 1', 'Element 2', 'Element 3'];
    console.log(array.push('Element 4')); // 4
    console.log(array); // [ 'Element 1', 'Element 2', 'Element 3', 'Element 4' ]
    


  • reverse() : 배열의 요소 순서를 반대로 바꿉니다.

  • const array = ['Element 1', 'Element 2', 'Element 3'];
    console.log(array.reverse()); // [ 'Element 3', 'Element 2', 'Element 1' ]
    console.log(array); // [ 'Element 3', 'Element 2', 'Element 1' ]
    


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

  • const array = ['Element 1', 'Element 2', 'Element 3'];
    console.log(array.unshift('Element 4')); // 4
    console.log(array); // [ 'Element 4', 'Element 1', 'Element 2', 'Element 3' ]
    


  • sort() : 배열의 요소를 정렬합니다.

  • const array = [2, 8, 1, 4];
    console.log(array.sort()); // [ 1, 2, 4, 8 ]
    console.log(array); // [ 1, 2, 4, 8 ]
    


  • splice() : 배열의 내용을 변경하고 기존 요소를 제거하거나 새 요소를 추가합니다.

  • const array = [2, 8, 1, 4, 'a', 'b'];
    console.log(array.splice(1,3,'a')); // [ 8, 1, 4 ]
    console.log(array); // [ 2, 'a', 'a', 'b' ]
    


    배열 접근자 메서드



    원래 배열을 수정하지 않습니다. 새 배열을 만듭니다.
  • join() : 배열의 모든 요소를 ​​문자열로 결합하고 문자열을 반환합니다.

  • const array = [2, 8, 1, 4, 'a', 'b', 'c'];
    
    console.log(array.join()); // '2,8,1,4,a,b,c'
    console.log(array); // [ 2, 8, 1, 4, 'a', 'b', 'c' ]
    


  • slice() : 배열의 일부를 새 배열로 반환합니다.

  • const array = ['Element 1', 'Element 2', 'Element 3'];
    
    console.log(array.slice(1, 2)); // [ 'Element 2' ]
    console.log(array); // [ 'Element 1', 'Element 2', 'Element 3' ]
    


  • concat() : 둘 이상의 배열을 하나로 결합합니다.

  • const array = ['Element 1', 'Element 2', 'Element 3'];
    const array2 = [1, 2, 3];
    const array3 = [true, false];
    
    console.log(array.concat(array2, array3)); // [ 'Element 1', 'Element 2', 'Element 3', 1, 2, 3, true, false ]
    console.log(array); // [ 'Element 1', 'Element 2', 'Element 3' ]
    


  • includes() : 문자열, 숫자 등을 찾으면 true를 반환하고 아무것도 찾지 못하면 false를 반환합니다.

  • const array = ['Element 1', 'Element 2', 'Element 3'];
    
    console.log(array.includes(2)); // false
    console.log(array.includes('Element 1')); // true
    


  • toString() : 배열의 모든 요소를 ​​문자열로 반환합니다.

  • const array = ['Element 1', 'Element 2', 'Element 3'];
    
    console.log(array.toString()); // 'Element 1,Element 2,Element 3'
    


  • indexOf() : 검색과 일치하는 첫 번째 인덱스를 반환합니다.

  • const array = [1, 2, 3, 4, 1, 3, 5, 2, 1];
    
    console.log(array.indexOf(1)); // 0
    


  • lastIndexOf() : 검색어와 일치하는 마지막 인덱스를 반환합니다.

  • const array = [1, 2, 3, 4, 1, 3, 5, 2, 1];
    
    console.log(array.lastIndexOf(2)); // 7
    

    좋은 웹페이지 즐겨찾기