>웹 프론트엔드 >JS 튜토리얼 >JS 배열 Array의 사용법에 대한 간략한 토론

JS 배열 Array의 사용법에 대한 간략한 토론

青灯夜游
青灯夜游앞으로
2019-11-28 16:51:331929검색

JS 배열 Array의 사용법에 대한 간략한 토론

JavaScript 배열은 단일 변수에 여러 값을 저장하는 데 사용됩니다. 배열은 한 번에 여러 값을 포함할 수 있는 특수 변수입니다.

【관련 강좌 추천: JavaScript 비디오 튜토리얼

Convert array to string

JavaScript toString() 메소드는 배열을 (쉼표로 구분된) 배열 값의 문자열로 변환합니다.

예:

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

join() 메소드는 모든 배열 요소를 문자열로 결합합니다. 이는 toString()과 동일하게 동작하지만 추가로 구분 기호를 지정할 수 있습니다:

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

pop() 및 push()

배열 작업 시 요소를 제거하고 새 요소를 추가하는 것이 쉽습니다. 이것이 바로 pop() 메소드와 push() 메소드입니다.

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

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // 从 fruits删除最后一个元素 ("Mango")

pop() 메서드는 "팝된" 값을 반환합니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // x的值是 "Mango"

push() 메서드는 배열의 끝에 새 요소를 추가합니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       //  添加一个新的元素 ("Kiwi") 到 fruits 最后

push () 메소드 새 배열 길이를 반환합니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   //   x 的值是 5

shift() 및 unshift()

Shift() 메소드는 첫 번째 배열 요소를 제거하고 다른 모든 요소를 ​​더 낮은 인덱스로 "이동"합니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // 删除第一个元素 "Banana"

shift() 메서드는 "shifted out" 문자열을 반환합니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.shift();    //  x 的值是 "Banana"

unshift() 메서드는 배열의 시작 부분에 새 요소를 추가하고 이전 요소를 더 높은 인덱스로 이동합니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    //  添加一个新的元素 "Lemon" 到 fruits

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

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 返回 5

요소 변경

색인 번호를 사용하여 배열 요소에 액세스:

배열 색인은 0으로 시작합니다. [0]은 첫 번째 배열 요소이고, [1]은 두 번째, [2]는 세 번째입니다...

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // 将fruits的第一个元素改为 "Kiwi"

length 속성은 배열에 새 요소를 추가하는 간단한 방법을 제공합니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // 追加 "Kiwi" 到 fruits

요소 삭제

JavaScript 배열은 객체이므로 JavaScript 연산자 delete를 사용하여 요소를 삭제할 수 있습니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // 将fruits中的第一个元素更改为undefined

삭제를 사용하면 배열에 정의되지 않은 구멍이 남을 수 있습니다. 대신 pop() 또는 Shift()를 사용하십시오.

배열 접합

splice() 메소드를 사용하여 배열에 새 항목을 추가할 수 있습니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

첫 번째 매개변수(2)는 새 요소가 추가되어야 하는 위치(접합에서)를 정의합니다. . 두 번째 매개변수(0)는 제거해야 하는 요소 수를 정의합니다. 나머지 매개변수("Lemon", "Kiwi")는 추가할 새 요소를 정의합니다. splice() 메소드는 삭제된 항목이 포함된 배열을 반환합니다.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

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

영리한 매개변수 설정을 사용하면 splice()를 사용하여 배열에 "구멍"을 남기지 않고 요소를 제거할 수 있습니다. ":

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除fruits的第一个元素

첫 번째 매개변수(0)는 새 요소를 추가해야 하는 위치를 정의합니다. 두 번째 매개변수(1)는 제거해야 하는 요소 수를 정의합니다. 나머지 매개변수는 생략됩니다. 새로운 요소는 추가되지 않습니다.

배열 병합

concat() 메서드를 사용하여 기존 배열을 병합하여 새 배열을 만듭니다.

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // 合并 myGirls 和 myBoys 两个数组

concat() 메서드는 기존 배열을 변경하지 않습니다. 항상 새 배열을 반환합니다.

concat() 메소드는 원하는 수의 배열 매개변수를 사용할 수 있습니다.

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // 合并 arr1 和 arr2 和 arr3 三个数组

concat() 메소드는 값을 매개변수로 사용할 수도 있습니다.

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

Array 슬라이싱

slice() 메소드는 배열을 새로운 배열. 이 예에서는 배열 요소 1("주황색")부터 시작하여 배열의 일부를 분할합니다.

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() 메서드는 두 개의 매개 변수(start,end)를 사용할 수 있습니다. 메서드는 시작 매개변수부터 끝 매개변수까지(포함하지 않음) 요소를 선택합니다.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

첫 번째 예와 같이 end 매개변수를 생략하면 Slice() 메서드가 배열의 나머지 부분을 잘라냅니다.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

Automatic toString()

JavaScript는 원시 값이 필요할 때 자동으로 배열을 쉼표로 구분된 문자열로 변환합니다. 배열을 출력하려고 할 때 항상 그렇습니다. 두 예제 모두 동일한 결과를 생성합니다.

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

모든 JavaScript 개체에는 toString() 메서드가 있습니다.

이 기사는 js tutorial 칼럼에서 가져온 것입니다. 배우신 것을 환영합니다!

위 내용은 JS 배열 Array의 사용법에 대한 간략한 토론의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 51cto.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제