JavaScript 배열
JavaScript 배열은 모든 데이터 유형을 포함할 수 있으며 인덱스를 통해 각 요소에 액세스할 수 있습니다.
배열의 길이를 얻으려면 길이 속성에 직접 액세스하세요:
var arr = [1, 2, 3.14, 'Hello', null, true]; arr.length; // 6
배열의 길이에 새 값을 직접 할당하면 배열의 크기가 변경됩니다.
var arr = [1, 2, 3]; arr.length; // 3 arr.length = 6; arr; // arr变为[1, 2, 3, undefined, undefined, undefined] arr.length = 2; arr; // arr变为[1, 2]
Array는 인덱스를 통해 해당 요소를 새로운 값으로 수정할 수 있습니다. 따라서 Array의 인덱스에 값을 할당하면 Array가 직접 수정됩니다.
var arr = ['A', 'B', 'C']; arr[1] = 99; arr; // arr现在变为['A', 99, 'C']
인덱스가 인덱스를 통해 할당할 때 범위를 초과하면 배열 크기도 변경됩니다.
var arr = [1, 2, 3]; arr[5] = 'x'; arr; // arr变为[1, 2, 3, undefined, undefined, 'x']
대부분의 다른 프로그래밍 언어는 배열 크기에 대한 직접적인 변경을 허용하지 않으며 범위를 벗어납니다. - 인덱스에 대한 경계 액세스는 오류를 보고합니다. 그러나 JavaScript Array에는 오류가 없습니다. 코드 작성 시 배열의 크기를 직접 수정하는 것은 권장하지 않습니다. 인덱스에 접근할 때 인덱스가 범위를 벗어나지 않는지 확인하세요.
indexOf
String과 유사하게 Array는 indexOf()를 통해 지정된 요소의 위치를 검색할 수도 있습니다.
var arr = [10, 20, '30', 'xyz']; arr.indexOf(10); // 元素10的索引为0 arr.indexOf(20); // 元素20的索引为1 arr.indexOf(30); // 元素30没有找到,返回-1 arr.indexOf('30'); // 元素'30'的索引为2
참고, 숫자 30 문자열 '30'은 다른 요소입니다.
slice
slice()는 String의 하위 문자열() 버전입니다. Array의 일부 요소를 가로채서 새 Array를 반환합니다.
var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; arr.slice(0, 3); // 从索引0开始,到索引3结束,但不包括索引3: ['A', 'B', 'C'] arr.slice(3); // 从索引3开始到结束: ['D', 'E', 'F', 'G']
slice()의 시작 및 끝 매개변수에는 시작 인덱스가 포함되고 끝 인덱스는 포함되지 않습니다.
slice()에 매개변수를 전달하지 않으면 처음부터 끝까지 모든 요소를 가로챕니다. 이를 사용하면 배열을 쉽게 복사할 수 있습니다.
var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; var aCopy = arr.slice(); aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G'] aCopy === arr; // false
push and pop
push()는 배열 끝에 여러 요소를 추가하고 pop()은 삭제합니다. Array의 마지막 요소:
var arr = [1, 2]; arr.push('A', 'B'); // 返回Array新的长度: 4 arr; // [1, 2, 'A', 'B'] arr.pop(); // pop()返回'B' arr; // [1, 2, 'A'] arr.pop(); arr.pop(); arr.pop(); // 连续pop 3次 arr; // [] arr.pop(); // 空数组继续pop不会报错,而是返回undefined arr; // []
unshift 및 Shift
Array의 헤드에 여러 요소를 추가하려면 unshift() 메서드인 Shift( ) 메서드는 배열의 첫 번째 요소를 삭제합니다.
var arr = [1, 2]; arr.unshift('A', 'B'); // 返回Array新的长度: 4 arr; // ['A', 'B', 1, 2] arr.shift(); // 'A' arr; // ['B', 1, 2] arr.shift(); arr.shift(); arr.shift(); // 连续shift 3次 arr; // [] arr.shift(); // 空数组继续shift不会报错,而是返回undefined arr; // []
sort
sort()는 현재 배열을 정렬할 수 있으며 현재 배열 위치를 직접 수정합니다. , 직접 호출하면 기본 순서에 따라 정렬됩니다:
var arr = ['B', 'C', 'A']; arr.sort(); arr; // ['A', 'B', 'C']
우리가 지정한 순서대로 정렬할 수 있나요? 물론, 우리는 다음 기능에서 이에 대해 이야기할 것입니다.
reverse
reverse()는 전체 배열의 요소를 제거합니다. 즉, 역방향입니다.
var arr = ['one', 'two', 'three']; arr.reverse(); arr; // ['three', 'two', 'one']
splice
splice() 메서드는 배열을 수정하기 위한 "범용 메서드"입니다. 지정된 인덱스에서 시작하여 여러 요소를 삭제한 다음 해당 위치에서 여러 요소를 추가할 수 있습니다.
var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle']; // 从索引2开始删除3个元素,然后再添加两个元素: arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite'] arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle'] // 只删除,不添加: arr.splice(2, 2); // ['Google', 'Facebook'] arr; // ['Microsoft', 'Apple', 'Oracle'] // 只添加,不删除: arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素 arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
concat
concat() 메서드 는 현재 배열을 다른 배열에 연결하고 새 배열을 반환합니다.
var arr = ['A', 'B', 'C']; var added = arr.concat([1, 2, 3]); added; // ['A', 'B', 'C', 1, 2, 3] arr; // ['A', 'B', 'C']
concat( ) 메서드는 수정되지 않습니다. 현재 배열이지만 새 배열을 반환합니다.
실제로 concat() 메소드는 원하는 수의 요소와 배열을 수신하고 자동으로 배열을 분할한 다음 모두 새 배열에 추가할 수 있습니다.
var arr = ['A', 'B', 'C']; arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]
join
join() 메서드는 현재 배열의 각 요소를 지정된 문자열과 연결한 다음 연결된 문자열을 반환하는 매우 실용적인 메서드입니다.
var arr = ['A', 'B', 'C', 1, 2, 3]; arr.join('-'); // 'A-B-C-1-2-3'
Array의 요소가 문자열이 아닌 경우 연결하기 전에 자동으로 문자열로 변환됩니다.
다차원 배열
배열의 요소가 배열인 경우 다차원 배열을 구성할 수 있습니다. 예:
var arr = [[1, 2, 3], [400, 500, 600], '-'];
위 배열에는 3개의 요소가 포함되어 있으며 그 중 처음 두 개는 그 자체가 배열입니다.