자바스크립트 배열 메소드
배열을 문자열로 변환
JavaScript 메소드 toString()
는 배열을 (쉼표로 구분된) 배열 값의 문자열로 변환합니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
결과:
이 join()
메서드는 또한 모든 배열 요소를 문자열로 결합합니다.
처럼 작동 toString()
하지만 추가로 구분 기호를 지정할 수 있습니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
결과:
터지고 밀기
배열로 작업할 때 요소를 제거하고 새 요소를 추가하는 것은 쉽습니다.
팝업 및 푸시는 다음과 같습니다.
배열에서 항목 을 꺼내 거나 항목 을 배열로 푸시합니다 .
자바스크립트 배열 pop()
이 pop()
메서드는 배열에서 마지막 요소를 제거합니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
pop()
메서드는 "팝아웃"된 값을 반환합니다 .
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();
자바스크립트 배열 push()
이 push()
메서드는 배열에 새 요소를 추가합니다(끝에).
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
이 push()
메서드는 새 배열 길이를 반환합니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");
이동 요소
이동은 팝핑과 동일하지만 마지막 요소 대신 첫 번째 요소에서 작업합니다.
자바스크립트 배열 shift()
이 shift()
메서드는 첫 번째 배열 요소를 제거하고 다른 모든 요소를 더 낮은 인덱스로 "이동"합니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
이 shift()
메서드는 "이동된" 값을 반환합니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();
자바스크립트 배열 unshift()
이 unshift()
메서드는 배열에 새 요소를 추가하고(처음에) 이전 요소를 "이동 해제"합니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
이 unshift()
메서드는 새 배열 길이를 반환합니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
요소 변경
배열 요소는 인덱스 번호 를 사용하여 액세스합니다 .
배열 인덱스 는 0으로 시작합니다.
[0]은 첫 번째 배열 요소입니다
. [1]은 두 번째 배열 요소입니다.
[2]는 세 번째...
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
자바스크립트 배열 길이
속성 은 length
배열에 새 요소를 추가하는 쉬운 방법을 제공합니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
자바스크립트 배열 삭제()
경고 !
배열 요소는 JavaScript 연산자를 사용하여 삭제할 수 있습니다 delete
.
delete
배열에 나뭇잎 undefined
구멍을 사용 합니다.
대신 pop() 또는 shift()를 사용하십시오.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
배열 병합(연결)
이 concat()
메서드는 기존 배열을 병합(연결)하여 새 배열을 만듭니다.
예(두 배열 병합)
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);
이 concat()
방법은 기존 어레이를 변경하지 않습니다. 항상 새 배열을 반환합니다.
이 concat()
메서드는 배열 인수를 원하는 만큼 사용할 수 있습니다.
예(3개의 배열 병합)
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);
이 concat()
메서드는 문자열을 인수로 사용할 수도 있습니다.
예(값과 배열 병합)
const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");
배열 스플라이싱 및 슬라이싱
이 splice()
메서드는 배열에 새 항목을 추가합니다.
이 slice()
메서드는 배열의 조각을 잘라냅니다.
자바스크립트 배열 splice()
이 splice()
메서드는 배열에 새 항목을 추가하는 데 사용할 수 있습니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
첫 번째 매개변수(2)는 새 요소를 추가 (연결) 해야 하는 위치 를 정의합니다.
두 번째 매개변수(0)는 제거 해야 하는 요소의 수를 정의합니다 .
나머지 매개변수("Lemon" , "Kiwi")는 추가 할 새 요소를 정의합니다 .
이 splice()
메서드는 삭제된 항목이 있는 배열을 반환합니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
splice()를 사용하여 요소 제거
영리한 매개변수 설정을 사용 splice()
하면 배열에 "구멍"을 남기지 않고 요소를 제거하는 데 사용할 수 있습니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
첫 번째 매개변수(0)는 새 요소를 추가 (연결) 해야 하는 위치를 정의합니다 .
두 번째 매개변수(1)는 제거 해야 하는 요소의 수를 정의합니다 .
나머지 매개변수는 생략됩니다. 새로운 요소는 추가되지 않습니다.
자바스크립트 배열 슬라이스()
이 slice()
메서드는 배열의 일부를 새 배열로 잘라냅니다.
이 예는 배열 요소 1("주황색")에서 시작하는 배열의 일부를 잘라냅니다.
예시
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
메모
이 slice()
메서드는 새 배열을 만듭니다.
이 slice()
메서드는 소스 배열에서 요소를 제거하지 않습니다.
이 예에서는 배열 요소 3("Apple")에서 시작하는 배열의 일부를 잘라냅니다.
예시
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
이 slice()
메서드는 와 같은 두 개의 인수를 사용할 수 있습니다 slice(1, 3)
.
그런 다음 메서드는 시작 인수에서 끝 인수까지(포함하지 않음) 요소를 선택합니다.
예시
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
첫 번째 예와 같이 end 인수가 생략되면 이 slice()
메서드는 배열의 나머지 부분을 잘라냅니다.
예시
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
자동 toString()
JavaScript는 기본 값이 예상되는 경우 배열을 쉼표로 구분된 문자열로 자동 변환합니다.
이것은 배열을 출력하려고 할 때 항상 그렇습니다.
이 두 가지 예는 동일한 결과를 생성합니다.
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
예시
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
메모
모든 JavaScript 객체에는 toString() 메서드가 있습니다.
배열에서 최대값과 최소값 찾기
JavaScript 배열에서 가장 높거나 낮은 값을 찾기 위한 내장 함수는 없습니다.
이 튜토리얼의 다음 장에서 이 문제를 해결하는 방법을 배우게 될 것입니다.
배열 정렬
배열 정렬은 이 튜토리얼의 다음 장에서 다룹니다.
완전한 어레이 참조
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.