JavaScript의 배열에는 메소드가 포함됩니다.
JavaScript는 웹 개발 및 애플리케이션 개발에 널리 사용되는 일반적으로 사용되는 프로그래밍 언어입니다. 그 중 배열은 자바스크립트에서 일반적으로 사용되는 데이터 구조 중 하나이며, 관련 데이터 집합을 저장하고 이 데이터를 처리하는 다양한 작업을 지원할 수 있습니다. JavaScript는 배열 작업에 사용할 수 있는 다양한 메서드를 제공하며 이 기사에서는 그 중 일부를 소개합니다.
- push() 메서드
push() 메서드를 사용하면 배열 끝에 하나 이상의 요소를 추가하고 업데이트된 배열 길이를 반환할 수 있습니다. 예를 들어 다음 코드는 age 배열의 끝에 요소를 추가합니다.
let ages = [25, 30, 35]; ages.push(40); console.log(ages); // [25, 30, 35, 40]
- pop() 메서드
pop() 메서드는 push() 메서드와 반대이며 age 배열의 끝에서 요소를 제거합니다. 배열을 삭제하고 삭제된 요소를 반환합니다. 예를 들어, 다음 코드는 age 배열의 마지막 요소를 제거합니다.
let ages = [25, 30, 35]; let deletedAge = ages.pop(); console.log(deletedAge); // 35 console.log(ages); // [25, 30]
- shift() 메서드
shift() 메서드는 pop() 메서드와 유사하지만 배열의 시작 부분에서 첫 번째 요소를 제거합니다. 배열을 반환하고 삭제된 요소를 반환합니다. 예를 들어, 다음 코드는 age 배열의 첫 번째 요소를 삭제합니다.
let ages = [25, 30, 35]; let deletedAge = ages.shift(); console.log(deletedAge); // 25 console.log(ages); // [30, 35]
- unshift() 메서드
unshift() 메서드는 push() 메서드와 반대이며, age의 시작 부분부터 하나 이상의 요소를 추가합니다. 업데이트된 배열 길이를 반환합니다. 예를 들어, 다음 코드는 age 배열의 시작 부분에 요소를 추가합니다:
let ages = [25, 30, 35]; ages.unshift(20); console.log(ages); // [20, 25, 30, 35]
- slice() 메서드
slice() 메서드를 사용하면 지정된 시작 및 시작 항목을 포함하는 배열에서 새 배열을 만들 수 있습니다. 사이의 끝 인덱스. 예를 들어, 다음 코드는 age 배열의 두 번째 및 세 번째 요소를 포함하는 새 배열을 생성합니다.
let ages = [25, 30, 35]; let newAges = ages.slice(1, 3); console.log(newAges); // [30, 35]
- splice() 메서드
splice() 메서드를 사용하면 배열에서 추가 및 제거하거나 하나 또는 더 많은 요소. 시작 인덱스, 제거할 요소 수, 추가할 요소라는 세 가지 매개 변수를 허용합니다. 예를 들어, 다음 코드는 age 배열의 두 번째 요소를 제거하고 동일한 위치에 새 요소를 추가합니다.
let ages = [25, 30, 35]; ages.splice(1, 1, 28); console.log(ages); // [25, 28, 35]
- indexOf() 및 lastIndexOf() 메서드
indexOf() 메서드는 age 배열에서 지정된 요소를 반환합니다. 배열 첫 번째 발생 인덱스입니다. 요소가 존재하지 않으면 -1이 반환됩니다. 예를 들어, 다음 코드는 age 배열에서 요소 35의 인덱스를 반환합니다.
let ages = [25, 30, 35]; let index = ages.indexOf(35); console.log(index); // 2
lastIndexOf() 메서드는 indexOf() 메서드와 유사하지만 배열에서 지정된 요소가 마지막으로 나타나는 인덱스를 반환합니다. 정렬.
- forEach() 메서드
forEach() 메서드를 사용하면 배열의 모든 요소를 반복하고 각 요소에 대해 지정된 작업을 수행할 수 있습니다. 예를 들어, 다음 코드는 배열 age의 각 요소에 메시지를 인쇄합니다.
let ages = [25, 30, 35]; ages.forEach(function(age) { console.log("The person's age is " + age); });
- map() 메서드
map() 메서드를 사용하면 배열의 모든 요소를 반복하고 특정 기준에 따라 결합할 수 있습니다. 조건 새로운 값으로 변환합니다. 예를 들어 다음 코드는 배열의 각 요소에 2를 곱하고 새 배열을 만듭니다.
let ages = [25, 30, 35]; let doubledAges = ages.map(function(age) { return age * 2; }); console.log(doubledAges); // [50, 60, 70]
- 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











이 기사에서는 Data Fetching 및 기능 구성 요소의 DOM 조작과 같은 부작용을 관리하기위한 후크 인 React의 useEffect에 대해 설명합니다. 메모리 누출과 같은 문제를 방지하기 위해 사용법, 일반적인 부작용 및 정리를 설명합니다.

게으른로드는 필요할 때까지 컨텐츠로드를 지연시켜 초기로드 시간과 서버로드를 줄임으로써 웹 성능 및 사용자 경험을 향상시킵니다.

JavaScript의 고차 기능은 추상화, 공통 패턴 및 최적화 기술을 통해 코드 간접성, 재사용 성, 모듈성 및 성능을 향상시킵니다.

이 기사는 다중 연계 기능을 단일 연계 함수 시퀀스로 변환하는 기술 인 JavaScript의 카레에 대해 논의합니다. Currying의 구현, 부분 응용 프로그램 및 실제 용도와 같은 혜택, 코드 읽기 향상을 탐색합니다.

이 기사는 가상 Dom 트리를 비교하여 DOM을 효율적으로 업데이트하는 React의 조정 알고리즘을 설명합니다. 성능 이점, 최적화 기술 및 사용자 경험에 미치는 영향에 대해 설명합니다. 문자 수 : 159

이 기사는 REACT의 USECONTEXT를 설명하며, 이는 PROP 시추를 피함으로써 상태 관리를 단순화합니다. 중앙 집중식 상태 및 성능 개선과 같은 렌더링을 통해 성능 향상과 같은 이점에 대해 논의합니다.

기사에서는 extentdefault () 메서드를 사용하여 이벤트 처리기의 기본 동작 방지, 향상된 사용자 경험과 같은 이점 및 접근성 문제와 같은 잠재적 문제에 대해 논의합니다.

이 기사는 예측 가능성, 성능 및 사용 사례와 같은 측면에 중점을 둔 React의 제어 및 통제되지 않은 구성 요소의 장단점에 대해 설명합니다. 그것은 그들 사이에서 선택할 때 고려해야 할 요소에 대해 조언합니다.
