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 중국어 웹사이트의 기타 관련 기사를 참조하세요!