> 웹 프론트엔드 > 프런트엔드 Q&A > JavaScript의 배열에는 메소드가 포함됩니다.

JavaScript의 배열에는 메소드가 포함됩니다.

PHPz
풀어 주다: 2023-05-16 09:06:07
원래의
486명이 탐색했습니다.

JavaScript는 웹 개발 및 애플리케이션 개발에 널리 사용되는 일반적으로 사용되는 프로그래밍 언어입니다. 그 중 배열은 자바스크립트에서 일반적으로 사용되는 데이터 구조 중 하나이며, 관련 데이터 집합을 저장하고 이 데이터를 처리하는 다양한 작업을 지원할 수 있습니다. JavaScript는 배열 작업에 사용할 수 있는 다양한 메서드를 제공하며 이 기사에서는 그 중 일부를 소개합니다.

  1. push() 메서드

push() 메서드를 사용하면 배열 끝에 하나 이상의 요소를 추가하고 업데이트된 배열 길이를 반환할 수 있습니다. 예를 들어 다음 코드는 age 배열의 끝에 요소를 추가합니다.

let ages = [25, 30, 35];
ages.push(40);
console.log(ages); // [25, 30, 35, 40]
로그인 후 복사
  1. pop() 메서드

pop() 메서드는 push() 메서드와 반대이며 age 배열의 끝에서 요소를 제거합니다. 배열을 삭제하고 삭제된 요소를 반환합니다. 예를 들어, 다음 코드는 age 배열의 마지막 요소를 제거합니다.

let ages = [25, 30, 35];
let deletedAge = ages.pop();
console.log(deletedAge); // 35
console.log(ages); // [25, 30]
로그인 후 복사
  1. shift() 메서드

shift() 메서드는 pop() 메서드와 유사하지만 배열의 시작 부분에서 첫 번째 요소를 제거합니다. 배열을 반환하고 삭제된 요소를 반환합니다. 예를 들어, 다음 코드는 age 배열의 첫 번째 요소를 삭제합니다.

let ages = [25, 30, 35];
let deletedAge = ages.shift();
console.log(deletedAge); // 25
console.log(ages); // [30, 35]
로그인 후 복사
  1. unshift() 메서드

unshift() 메서드는 push() 메서드와 반대이며, age의 시작 부분부터 하나 이상의 요소를 추가합니다. 업데이트된 배열 길이를 반환합니다. 예를 들어, 다음 코드는 age 배열의 시작 부분에 요소를 추가합니다:

let ages = [25, 30, 35];
ages.unshift(20);
console.log(ages); // [20, 25, 30, 35]
로그인 후 복사
  1. slice() 메서드

slice() 메서드를 사용하면 지정된 시작 및 시작 항목을 포함하는 배열에서 새 배열을 만들 수 있습니다. 사이의 끝 인덱스. 예를 들어, 다음 코드는 age 배열의 두 번째 및 세 번째 요소를 포함하는 새 배열을 생성합니다.

let ages = [25, 30, 35];
let newAges = ages.slice(1, 3);
console.log(newAges); // [30, 35]
로그인 후 복사
  1. splice() 메서드

splice() 메서드를 사용하면 배열에서 추가 및 제거하거나 하나 또는 더 많은 요소. 시작 인덱스, 제거할 요소 수, 추가할 요소라는 세 가지 매개 변수를 허용합니다. 예를 들어, 다음 코드는 age 배열의 두 번째 요소를 제거하고 동일한 위치에 새 요소를 추가합니다.

let ages = [25, 30, 35];
ages.splice(1, 1, 28);
console.log(ages); // [25, 28, 35]
로그인 후 복사
  1. indexOf() 및 lastIndexOf() 메서드

indexOf() 메서드는 age 배열에서 지정된 요소를 반환합니다. 배열 첫 번째 발생 인덱스입니다. 요소가 존재하지 않으면 -1이 반환됩니다. 예를 들어, 다음 코드는 age 배열에서 요소 35의 인덱스를 반환합니다.

let ages = [25, 30, 35];
let index = ages.indexOf(35);
console.log(index); // 2
로그인 후 복사

lastIndexOf() 메서드는 indexOf() 메서드와 유사하지만 배열에서 지정된 요소가 마지막으로 나타나는 인덱스를 반환합니다. 정렬.

  1. forEach() 메서드

forEach() 메서드를 사용하면 배열의 모든 요소를 ​​반복하고 각 요소에 대해 지정된 작업을 수행할 수 있습니다. 예를 들어, 다음 코드는 배열 age의 각 요소에 메시지를 인쇄합니다.

let ages = [25, 30, 35];
ages.forEach(function(age) {
    console.log("The person's age is " + age);
});
로그인 후 복사
  1. map() 메서드

map() 메서드를 사용하면 배열의 모든 요소를 ​​반복하고 특정 기준에 따라 결합할 수 있습니다. 조건 새로운 값으로 변환합니다. 예를 들어 다음 코드는 배열의 각 요소에 2를 곱하고 새 배열을 만듭니다.

let ages = [25, 30, 35];
let doubledAges = ages.map(function(age) {
    return age * 2;
});
console.log(doubledAges); // [50, 60, 70]
로그인 후 복사
  1. filter() 메서드

filter() 메서드를 사용하면 배열의 모든 요소를 ​​반복하고 반환할 수 있습니다. 특정 조건을 충족하는 요소. 예를 들어 다음 코드는 age 배열에서 30보다 큰 요소를 반환합니다.

let ages = [25, 30, 35];
let filteredAges = ages.filter(function(age) {
    return age > 30;
});
console.log(filteredAges); // [35]
로그인 후 복사

배열은 JavaScript에서 매우 중요한 데이터 구조로, 이를 통해 여러 유사한 데이터를 쉽게 처리할 수 있습니다. 실제 프로그래밍에서는 배열 작업 방법을 익히는 것이 매우 중요하며 이는 개발 효율성과 코드 가독성을 크게 향상시킬 수 있습니다. 이 기사에서는 독자들에게 도움이 되기를 바라면서 일반적으로 사용되는 배열 연산 방법을 소개합니다.

위 내용은 JavaScript의 배열에는 메소드가 포함됩니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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