자바스크립트의 배열 메소드

WBOY
풀어 주다: 2024-08-13 20:32:40
원래의
423명이 탐색했습니다.

Array methods in javascript.

배열에는 몇 가지 메소드가 있습니다

1.푸시()
2.언시프트()
3.팝()
4.시프트()
5.접속()
6.슬라이스()
7.indexOf()
8.포함()
9.forEach()
10.지도()
11.필터()
12.찾기()
13.썸()
14.모든()
15.concat()
16.조인()
17.정렬()
18.감소()

1 Push() 메소드

*마지막 위치에 새 요소를 추가하세요.

통사론

array.push(요소1, 요소2, ..., 요소N)

과일 = ['사과', '바나나'];
let newLength = Fruits.push('orange', 'mango');

console.log(과일); // 출력: ['사과', '바나나', '오렌지', '망고']
console.log(newLength); // 출력: 4

2 unshift() 메소드

*초기 위치에 새 요소를 추가합니다.

통사론

array.unshift(item1, item2, ..., itemN)

const 과일 = ["바나나", "오렌지", "사과"];
과일.unshift("레몬");
console.log(과일); // 출력: ["레몬", "바나나", "오렌지", "사과"]

3 팝() 메소드

*마지막 요소가 제거됩니다.
*배열에서 제거된 요소를 반환합니다
*배열이 비어 있으면 "정의되지 않음"

통사론

array.pop();

const 과일 = ['사과', '바나나', '체리'];
const lastFruit = 과일.팝();
console.log(과일); // 출력: ['Apple', 'Banana']
console.log(lastFruit); // 출력: '체리'

4 Shift() 메서드

*첫 번째 요소가 제거됩니다.
*배열에서 제거된 요소를 반환합니다

통사론

array.shift();

const 과일 = ['사과', '바나나', '체리'];
const firstFruit = Fruits.shift();
console.log(과일); // 출력: ['바나나', '체리']
console.log(firstFruit); // 출력: 'Apple'

5 스플라이스() 메서드

*배열에서 요소를 추가하거나 제거합니다.

*splice()는 원래 배열을 수정합니다.

통사론

array.splice(start, deleteCount, item1, item2, ...);

색상 = ['빨간색', '녹색', '파란색'];
colors.splice(1, 0, '노란색', '분홍색'); // 인덱스 1에 'Yellow'와 'Pink' 추가
console.log(색상); // 출력: ['빨간색', '노란색', '분홍색', '녹색', '파란색']

6 슬라이스() 메소드

*배열의 일부를 추출(주어)할 때 사용됩니다.
*슬라이스(slice)는 배열을 반환합니다.
*조각은 원래 배열을 수정하지 않습니다.

통사론

array.slice(시작, 끝);

숫자 = [2, 3, 5, 7, 11, 13, 17];
let newArray = 숫자.슬라이스(3, 6);
console.log(newArray); // 출력: [7, 11, 13]

7 indexOf() 메소드

*JavaScript의 indexOf() 메서드는 배열에서 특정 요소를 찾을 수 있는 첫 번째 인덱스를 찾는 데 사용되며, 해당 요소가 없으면 -1입니다.

통사론

array.indexOf(searchElement, fromIndex);

과일 = ['사과', '바나나', '오렌지', '바나나'];
let index =fruits.indexOf('Banana');
console.log(index); // 출력: 1

8 include() 메소드

*특정 요소가 배열에 존재하는지 여부를 식별하는 데 사용됩니다.
*요소가 있으면 "true"를 반환하고 그렇지 않으면 "false"를 반환합니다.
*부울 값을 반환합니다.

통사론

array.includes(searchElement, fromIndex);

숫자 = [1, 2, 3, 4, 5];
let hasThree = 숫자.includes(3, 2);
console.log(hasThree); // 출력: true

9 forEach() 메소드

  • 각 요소에 대한 기능을 실행합니다.
  • 새 배열을 생성하지 않습니다.
  • 원래 배열은 변경되지 않습니다.

숫자 = [1, 2, 3];
number.forEach((value, index, arr) => {
arr[색인] = 값 * 2;
});
console.log(숫자); // 출력: [2, 4, 6]

10 맵() 메소드

  • 배열의 각 요소를 사용합니다.
  • 맵 배열의 출력은 항상 배열뿐입니다.
  • 원래 배열은 변경되지 않습니다
  • 새 배열을 생성합니다.

상수 번호 = [10, 20, 30];
const 증가 = 숫자.map((num, index) => num + index);
console.log(증가); // 출력: [10, 21, 32]

11. 필터() 메소드

  • 특정 조건에 따라 배열의 요소나 데이터를 필터링하는 데 사용됩니다.
    • 이 매개변수에 저장된 데이터가 무엇이든 'true'를 반환하면 해당 데이터가 반환됩니다.
    • 'false'를 반환하면 어떤 값도 반환하지 않고 빈 배열을 반환합니다
    • 새 배열을 생성합니다.
    • 원래 배열은 변경되지 않습니다.

상수 번호 = [1, 2, 3, 4, 5, 6];
const evenNumbers = 숫자.필터(num => num % 2 === 0);
console.log(짝수); // 출력: [2, 4, 6]

12 find() 메소드

  • 콜백 함수가 true를 반환하는 배열의 첫 번째 요소를 반환합니다.
    • 요소가 false이거나 만족하지 않으면 '정의되지 않음'을 반환합니다.
    • 원래 배열은 변경되지 않습니다.

상수 번호 = [1, 3, 4, 9, 8];

함수 isEven(요소) {
반환 요소 % 2 === 0;
}

const firstEven = 숫자.find(isEven);
console.log(firstEven); // 출력: 4

13 some() 메소드

  • 최소 하나의 요소가 테스트를 통과하면 true를 반환합니다.
  • 테스트를 통과한 요소가 없으면 false를 반환합니다.
  • 첫 번째 통과 요소가 발견되면 테스트를 중지합니다. *원래 배열은 변경되지 않습니다.

상수 번호 = [2, 4, 6, 8, 10];

const hasGreaterThanFive = 숫자.some(num => num > 5);
console.log(hasGreaterThanFive); // 출력: true

14 모든() 메소드

  • 모든 조건이 만족되면 배열의 모든 요소를 ​​테스트합니다. 그 다음에 true를 반환합니다.
  • 하나의 조건이 만족되지 않으면 false를 반환합니다.
  • 원래 배열은 변경되지 않습니다.

상수 = [10, 20, 30, 40, 50];

const allGreaterThanFive = number.every(num => num > 5);
console.log(allGreaterThanFive); // 출력: true

15 concat() 메서드

*두 개 이상의 배열을 결합하여 새로운 배열을 반환합니다.

const 과일 = ['사과', '바나나'];
const 야채 = ['당근', '완두콩'];
const 곡물 = ['쌀', '밀'];

const food = Fruits.concat(야채, 곡물);
console.log(음식); // 출력: ['사과', '바나나', '당근', '완두콩', '쌀', '밀']

16 조인() 메소드

*배열의 모든 요소를 ​​연결하여 새 문자열을 생성하고
지정된 구분 기호로 문자열을 반환합니다.

상수 문자 = ['J', 'o', 'i', 'n'];
const 결과 = letter.join('');
console.log(결과); // 출력: '참여'

17 sort() 메소드

*배열의 요소를 제자리에 배치하고 정렬된 배열을 반환하는 데 사용됩니다.

  • 기본적으로 정렬 방법은 요소를 문자열 오름차순으로 정렬합니다.

실시예 1

상수 번호 = [4, 2, 5, 1, 3];
number.sort((a, b) => a - b);
console.log(숫자); // 출력: [1, 2, 3, 4, 5]

실시예2

상수 번호 = [4, 2, 5, 1, 3];
number.sort((a, b) => b - a);
console.log(숫자); // 출력: [5, 4, 3, 2, 1]

18.reduce() 메소드

  • 일부 작업을 수행하고 배열을 단일 값으로 줄입니다.

숫자 = [1, 2, 3, 4, 5];
sum = number.reduce((accumulator, currentValue) => {
누산기 + currentValue 반환;
}, 0);

console.log(sum);

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

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