JavaScript 배열 길이 - 일반 설명서

본문은 최초로 발표되었다webinuse.com
JavaScript 배열 길이 속성은 배열을 사용할 때마다 거의 사용됩니다.그러나 우리는 이 속성이 도대체 얼마나 강한지 자주 잊어버린다.

JavaScript 배열 길이 속성이란?
그룹 형식의 실례적인 대상인length 속성 설정이나 그룹의 원소 수를 되돌려줍니다.이 값은 기호가 없는 32비트 정수로, 그 수치는 항상 그룹의 최고 인덱스보다 크다. MDN 와 같다.
이게 무슨 뜻이죠?이것은length 속성이 수조data type에 속한다는 것을 의미하며 원소수를 되돌려주거나 원소수를 설정합니다.그룹 인덱스는 0에서 시작하기 때문에 길이에 따라 되돌아오는 정수는 최고 인덱스보다 1이 커야 한다.

밀집 희소 배열
JavaScript에는 두 가지 유형의 배열이 있는데 그것이 바로 밀집된 배열과 드문드문한 배열입니다.JavaScript 배열 길이 속성은 두 유형에 대해 서로 다른 결과를 제공합니다.이것이 바로 우리가 길이가 최고 지수보다 1이 커야 한다고 말하는 이유다.이것은 때로.length 속성이 실제적으로 원소의 정확한 수량을 되돌려주지 않고 최고 인덱스 1을 되돌려준다는 것을 의미한다.이 점을 설명하기 위해서는 밀집 진열과 희소 진열 사이의 차이를 살펴봐야 한다.

집약적 어레이
밀집 어레이는 우리가 일반적으로 사용하는 어레이 유형이다.

const arr = ["Audi", "BMW", "Mercedes"];

이것은 집약적 진열의 전형적인 예이다. 우리는 이런 유형의 진열을 잘 알고 사용한다.
밀집된 배열이 있는 경우 JavaScript 배열 길이 속성은 항상 요소의 정확한 수를 반환합니다.

const arr = ["Audi", "BMW", "Mercedes"];

let length = arr.length;

console.log(length);
// Result:
// 3

let highestIndex = arr.length-1;

console.log(highestIndex);
// Result:
//2

보시다시피 .length 반환3은 수조arr에서 항목의 정확한 수량입니다.최고지수는 2였다.그룹에 요소를 추가하고 그룹을 비운 다음 색인과 길이를 검사합니다.

let arr = ["Audi", "BMW", "Mercedes"];
/**
 * We know that arr.length === 3
 * Let's add an element to array
 * */
arr.push("Ferrari");

let length = arr.length;

console.log(arr.length);
// Result:
// 4

/**
 * In previous example highest index
 * was 2, let's check it now, after
 * we have added another element
 * */

console.log(arr.length-1);
// Result:
//3

//Let's empty our array
arr = [];
console.log(arr.length);
// Result:
// 0

일단 하나의 그룹을 비우면 색인을 검사하는 것은 의미가 없다. 왜냐하면 그룹에 아무것도 없기 때문이다.

희소 배열
희소수 그룹기본적으로 구멍이 있는 패턴입니다.이것은 희소수 그룹이 반드시 0부터 시작하는 것은 아니라는 것을 의미한다.그 밖에 이것은 희소수 그룹에 연속적인 원소가 없다는 것을 의미한다. 어떤 상황에서 하나의 원소가 하나의 원소를 연결하는 것이 아니라 하나의 구멍이다.몇 가지 예를 봅시다.

let arr = ["Audi", "BMW",, "Mercedes"];

let arr2 = [,,,,"JavaScript"];

let arr3 = []
arr3[50] = "Python";

첫 번째 변수arr에서 우리는 3개의 요소와 인덱스 2의'구멍'/'공백'이 있다.두 번째 변수는 4개의 빈 색인이 있고 다섯 번째 변수는 "JavaScript"가 있다.arr3 변수가 빈 그룹으로 생성되었습니다.그리고 우리는 색인 50에 분배한다"Python".이는 이전에 50개의 빈자리"Python", 또는 49개의 색인이 있었다는 것을 의미한다.이것들은 모두 희소 진열의 예이다.이제 JavaScript 배열 길이 속성을 사용하여 이러한 모든 속성을 살펴보겠습니다.

let arr = ["Audi", "BMW",, "Mercedes"];
console.log(arr);
//Result:
//(4) ['Audi', 'BMW', empty, 'Mercedes']

let arr2 = [,,,,"JavaScript"];
console.log(arr2);
//Result:
//(5) [empty × 4, 'JavaScript']

let arr3 = []
arr3[50] = "Python";
console.log(arr3);
//Result:
//(51) [empty × 50, 'Python']

위의 예console.log()에서 보듯이 되돌아오는 길이가 길이를 초과했다.비록 우리는 정수를 기대했지만, 우리는 정수 가수 그룹을 얻었다.이것은 브라우저가 이것이 희소한 수조라는 것을 알고 있기 때문에 우리에게 힌트를 주었다.그 밖에 우리가 어디에 있든지 '구멍' 브라우저가 되돌아온다. empty
JavaScript 배열 길이 속성을 사용하여 배열 조작하기
JavaScript 배열 길이 속성에서는 배열을 확장, 축소 또는 비워 배열 길이를 변경할 수 있습니다.

확장 배열
JavaScript 배열 길이 속성을 사용하여 배열을 확장할 때 얻을 수 있는 것은 무엇입니까?희소수 그룹.다음은 하나의 예다.

let arr = ["Audi", "BMW","Mercedes"];
console.log(arr.length);
//Result:
//3

arr.length = 5;
console.log(arr);
//Result:
//(5) ['Audi', 'BMW', 'Mercedes', empty × 2]

위의 예에서 우리는 표준 수조를 사용한 다음에 3으로 되돌아오는 .length를 사용한다.그런 다음 JavaScript 배열 길이를 사용하여 배열을 변경하고 배열 길이를 5로 설정합니다.콘솔 레코드 arr 를 다시 사용했을 때, arr 의 길이가 5이고, 그 끝에 두 개의 빈 인덱스가 추가된 것을 보았다.기본적으로 우리는 희소수조를 얻었다.

단축수 그룹
JavaScript 배열 길이 속성은 우리가 설명한 대로 배열을 줄일 수 있도록 해줍니다.우리가 .length 속성을 사용할 때, 이것은 우리가 수조에서 제공한 원소의 정확한 숫자만 가져옵니다.나머지 원소는 버려지고, 수조는 변이될 것이다.

let arr = ["Audi", "BMW","Mercedes"];
console.log(arr.length);
//Result:
//3

arr.length = 1;
console.log(arr);
//Result:
//['Audi']

우리는 수조를 하나의 원소로 줄여서 첫 번째 원소만 보존할 것이다.나머지는 모두 삭제되었다.

배열 비우기
JavaScript 배열 길이를 사용하여 배열을 비울 수 있습니다.일단 우리가 0 을 통해 수조의 길이로 삼으면, 수조는 비어 있을 것이다.

let arr = ["Audi", "BMW","Mercedes"];
console.log(arr.length);
//Result:
//3

arr.length = 0;
console.log(arr);
//Result:
//[]

코드 세션에서 보듯이 길이를 0 로 설정하면 console.log() 빈 그룹이 되돌아옵니다.
만약 당신에게 어떤 문제나 일이 있다면, 당신은 나의 사이트에서 나를 찾을 수 있거나, 예를 들어 How to create custom stackable toasts 나의 다른 문장을 읽을 수 있습니까?