최신 웹 개발 튜토리얼
 

JavaScript배열 방법


자바 스크립트 배열의 강도는 배열 방법에있다.


문자열로 배열 변환

자바 스크립트 방법 toString() (쉼표로 구분) 배열 값의 문자열로 배열을 변환합니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

결과

Banana,Orange,Apple,Mango
»그것을 자신을 시도

join() 메서드는 문자열로 모든 배열 요소를 결합한다.

그것은 단지처럼 동작 toString() 하지만, 또한 당신은 구분 기호를 지정할 수 있습니다 :

var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

결과

Banana * Orange * Apple * Mango
»그것을 자신을 시도

터지는 및 추진

당신이 배열을 작업 할 때, 요소를 제거하고 새로운 요소를 쉽게 추가 할 수 있습니다.

이 터지는하고 추진하는 것은 무엇입니까 :

배열에서 항목을 보여주고, 또는 배열에 항목을 밀어.


터지는

pop() 메서드는 배열의 마지막 요소를 제거합니다 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Removes the last element ("Mango") from fruits
»그것을 자신을 시도

pop() 메소드는 "튀어"된 값을 반환합니다 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // the value of x is "Mango"
»그것을 자신을 시도

미는

push() 메소드 (끝) 배열에 새 요소를 추가 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       //  Adds a new element ("Kiwi") to fruits
»그것을 자신을 시도

push() 메소드는 새로운 배열의 길이를 반환합니다 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   //  the value of x is 5
»그것을 자신을 시도

요소를 이동

이동이 터지는 대신 마지막의 첫 번째 요소에서 작업하는 것과 같습니다.

shift() 메서드는 첫 번째 배열 요소와 "변화"낮은 인덱스에 다른 모든 요소를 제거합니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Removes the first element "Banana" from fruits
»그것을 자신을 시도

unshift() 메소드는 (처음에) 배열에 새로운 요소 및 "unshifts"오래된 요소를 추가합니다 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Adds a new element "Lemon" to fruits
»그것을 자신을 시도

shift() 방법이었다 "밖으로 이동"문자열을 반환합니다.

unshift() 메소드는 새로운 배열의 길이를 반환합니다.


요소 변경

어레이 요소들은 인덱스 번호를 사용하여 액세스된다 :

어레이 인덱스는 [0]은 첫 번째 배열 요소 [2] 제이며, [1] 상기 제된다 0으로 시작 ...

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Changes the first element of fruits to "Kiwi"
»그것을 자신을 시도

길이 속성은 배열에 새 요소를 추가하는 쉬운 방법을 제공합니다 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Appends "Kiwi" to fruit
»그것을 자신을 시도

삭제 요소

자바 스크립트 배열 개체이기 때문에, 소자는 JavaScript 연산자를 사용하여 삭제 될 수 delete :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Changes the first element in fruits to undefined
»그것을 자신을 시도

사용하여 delete 배열에 정의되지 않은 구멍을 남길 수 있습니다. 사용 pop() 또는 shift() 대신합니다.


배열을 접합

splice() 메서드는 배열에 새 항목을 추가 할 수 있습니다 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
»그것을 자신을 시도

첫 번째 매개 변수 (2) (에 접합) 새로운 요소를 추가해야하는 위치를 정의합니다.

두 번째 매개 변수 (0) 제거되어야하는 요소를 정의합니다.

파라미터 (나머지 "Lemon" , "Kiwi" )가 새로운 요소를 추가 할 정의한다.


사용 splice() 요소를 제거하는

영리한 파라미터 설정을 사용하면 사용할 수 있습니다 splice() 배열에 "구멍"을 떠나지 않고 요소를 제거합니다 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Removes the first element of fruits
»그것을 자신을 시도

첫 번째 매개 변수 (0) (에 접합) 새로운 요소를 추가해야하는 위치를 정의합니다.

두 번째 매개 변수 (1)은 제거되어야하는 요소를 정의합니다.

매개 변수의 나머지는 생략한다. 새로운 요소가 추가되지 않습니다.


배열을 정렬

sort() 메서드는 알파벳 순으로 배열을 정렬 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();            // Sorts the elements of fruits
»그것을 자신을 시도

배열을 반전

reverse() 메서드는 배열의 요소를 반전시킵니다.

당신은 내림차순으로 배열을 정렬하는 데 사용할 수 있습니다 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();            // Sorts the elements of fruits
fruits.reverse();         // Reverses the order of the elements
»그것을 자신을 시도

숫자 정렬

기본적으로 sort() 함수는 문자열로 값을 정렬합니다.

이 문자열을 잘 작동 ( "Apple" 앞에 오는 "Banana" ).

번호가 문자열로 정렬하는 경우, "2"가 "1"보다 큰 때문에, "25", "100"보다 크다.

이 때문에, sort() 숫자를 정렬 할 때 방법은 잘못된 결과를 생성합니다.

당신은 비교 기능을 제공함으로써이 문제를 해결 할 수 있습니다 :

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
»그것을 자신을 시도

또는

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a>b});
»그것을 자신을 시도

배열 내림차순으로 정렬 같은 트릭을 사용합니다 :

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
»그것을 자신을 시도

또는

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b>a});
»그것을 자신을 시도

비교 기능

비교 기능의 목적은 다른 정렬 순서를 정의하는 것이다.

비교 기능은 인수에 따라 음의 제로 또는 양의 값을 반환해야합니다 :

function(a, b){return a-b}

sort() 함수는 두 값을 비교하고, 상기 비교 함수 값을 전송하고, 반환 (네거티브 제로 양의) 값에 따라 값을 정렬한다.

예:

40 (100), 비교하면 sort() 메서드는 비교 호출 function(40,100) .

함수는 40-100을 산출하고, -60 (음의 값)을 반환한다.

정렬 기능은 100보다 낮은 값으로 40을 정렬합니다.


가장 높은 (또는 최저) 값 찾기

어떻게 배열에서 가장 높은 값을 찾나요?

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
// now points[0] contains the highest value
»그것을 자신을 시도

그리고 최저은 :

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
// now points[0] contains the lowest value
»그것을 자신을 시도

배열 가입

concat() 메서드는 두 개의 배열을 연결하여 새 배열을 만듭니다

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias","Linus"];
var myChildren = myGirls.concat(myBoys);     // Concatenates (joins) myGirls and myBoys
»그것을 자신을 시도

concat() 메서드는 배열 인수의 수를 취할 수 있습니다 :

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias","Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);     // Concatenates arr1 with arr2 and arr3
»그것을 자신을 시도

배열을 조각화

slice() 메소드는 새로운 배열로 배열의 조각을 조각.

이 예에서는 어레이 소자 (1)로부터 개시한다 (어레이의 일부 밖에 슬라이스 화 "Orange" )

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);
»그것을 자신을 시도

slice() 메소드는 새로운 배열을 만듭니다. 이 소스 배열의 모든 요소를 ​​제거하지 않습니다.

이 예는 배열 요소 3 (부터 배열의 일부가 밖으로 슬라이스 화 "Apple" )

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);
»그것을 자신을 시도

slice() 메소드는 같은 두 개의 인수를 취할 수 slice(1,3) .

이 방법은 최종 인수를 시작 인수에서 요소를 선택하고, 최대 (그러나 포함하지 않음).

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
»그것을 자신을 시도

최종 인수가 첫번째 실시 예에서와 같이 생략되면, slice() 메소드는 어레이의 나머지 부분을 조각.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);
»그것을 자신을 시도

valueOf() 메서드

valueOf() 메서드는 배열의 기본 동작입니다. 그것은 원시 값으로 배열을 변환합니다.

원시 값이 예상되는 경우 자바 스크립트가 자동으로 문자열로 배열을 변환합니다.

이 때문에, 이러한 모든 실시 예는 동일한 결과를 생성 할 것이다 :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
»그것을 자신을 시도

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.valueOf();
»그것을 자신을 시도

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
»그것을 자신을 시도

모든 자바 스크립트 객체는이 valueOf()toString() 메서드를.


전체 배열 참조

완전한 참고로, 우리로 이동 전체 자바 스크립트 배열 참조 .

참조는 모든 배열의 속성과 메서드의 설명과 예제가 들어 있습니다.


연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4» 운동 5»