>  기사  >  웹 프론트엔드  >  JS에서는 어떤 배열 방법을 사용해야 합니까?

JS에서는 어떤 배열 방법을 사용해야 합니까?

DDD
DDD원래의
2024-09-20 18:45:39783검색

Which Array method to use in JS?

  1. 원본 배열을 변경하려면:
    1. 푸시() 설명: 배열 끝에 하나 이상의 요소를 추가합니다.
js
const fruits = ['apple', 'banana'];
fruits.push('orange');
console.log(fruits); // Output: ['apple', 'banana', 'orange']
  1. 팝() 설명: 배열에서 마지막 요소를 제거하고 해당 요소를 반환합니다.
js
const fruits = ['apple', 'banana', 'orange'];
const lastFruit = fruits.pop();
console.log(fruits); // Output: ['apple', 'banana']
console.log(lastFruit); // Output: 'orange'
  1. 시프트() 설명: 배열에서 첫 번째 요소를 제거하고 해당 요소를 반환합니다.
js
const fruits = ['apple', 'banana', 'orange'];
const firstFruit = fruits.shift();
console.log(fruits); // Output: ['banana', 'orange']
console.log(firstFruit); // Output: 'apple'
  1. 언시프트() 설명: 배열의 시작 부분에 하나 이상의 요소를 추가합니다.
js
const fruits = ['banana', 'orange'];
fruits.unshift('apple');
console.log(fruits); // Output: ['apple', 'banana', 'orange']
  1. 스플라이스() 설명: 기존 요소를 제거 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.
js
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1, 'kiwi', 'mango'); // Removes 1 element at index 1 and adds 'kiwi' and 'mango'
console.log(fruits); // Output: ['apple', 'kiwi', 'mango', 'orange']
  1. 채우기() 설명: 시작 인덱스부터 끝 인덱스까지 배열의 모든 요소를 ​​정적 값으로 채웁니다.
js
const numbers = [1, 2, 3, 4, 5];
numbers.fill(0, 1, 4); // Fills from index 1 to 4 with 0
console.log(numbers); // Output: [1, 0, 0, 0, 5]
  1. 정렬() 설명: 배열 요소를 제자리에 정렬하고 정렬된 배열을 반환합니다.
js
const numbers = [5, 3, 8, 1];
numbers.sort(); // Sorts numbers as strings by default
console.log(numbers); // Output: [1, 3, 5, 8]
  1. 역방향() 설명: 배열의 요소를 제자리에서 반대로 바꿉니다.
js
const numbers = [1, 2, 3, 4];
numbers.reverse();
console.log(numbers); // Output: [4, 3, 2, 1]
  1. 제거용 splice() 설명: splice()를 사용하면 요소를 추가하지 않고 제거할 수도 있습니다.
js
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1); // Removes 1 element at index 1
console.log(fruits); // Output: ['apple', 'orange']
  1. 복사내() 설명: Shallow는 배열의 일부를 동일한 배열의 다른 위치에 복사하고 원래 배열을 변경합니다.
js
const numbers = [1, 2, 3, 4, 5];
numbers.copyWithin(0, 3); // Copies elements from 
index 3 to 0
console.log(numbers); // Output: [4, 5, 3, 4, 5]

위 내용은 JS에서는 어떤 배열 방법을 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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