JavaScript의 희소 배열과 조밀 배열 [번역]_javascript 기술

1. 희소 배열
지정된 길이의 희소 배열을 만드는 방법은 매우 간단합니다.

코드 복사 코드는 다음과 같습니다:

> var a = new Array(3)
> a
[ , , ]
> 🎜> > a[0]
정의되지 않음


이를 반복해 보면 요소가 없다는 것을 알 수 있습니다.

코드 복사 코드는 다음과 같습니다.

> a.forEach(function (x, i) { console.log( i ". " x) });

> a.map(function (x, i) { return i })
[ , , ]


기타 상황

코드 복사 와 같은 희소 배열이 생성됩니다. 코드는 다음과 같습니다.

>var arr = [ ];

>arr[0] = 0;
>arr[100] = 100>a.forEach(function (x, i) { console.log( i ". " x) }); 0. 0100. 100

2.
Brandon Benvie 는 최근

es-discuss 이메일 토론 그룹에서 밀도 배열 생성을 위한 팁을 언급했습니다.

코드 복사 코드는 다음과 같습니다. > var a = Array.apply(null, Array(3)); >> ; a

[ 정의되지 않음, 정의되지 않음, 정의되지 않음 ]

위 명령문은 실제로 다음과 동일합니다.

Array(undefine, undefine, undefine)

그러나 표면적으로는 이 배열과 이전 희소 배열 사이에 큰 차이가 없어 보입니다.




코드 복사

코드는 다음과 같습니다. > a.length 3

> a[0]

undefine


이제 이러한 배열 요소를 반복할 수 있으며 각 요소에 값을 다시 할당할 수도 있습니다.

코드 복사

코드는 다음과 같습니다. : > a.forEach(function (x, i) { console.log(i ". " x) }) 0. 정의되지 않음

2. 정의되지 않음

> a.map(function (x, i) { return i })
[ 0, 1, 2 ]


번역자 주: 사실, JavaScript에는 일반적인 배열이 없습니다. 모든 배열은 실제로 객체이지만 일부 "숫자" 속성과 길이 속성을 자동으로 관리합니다. 더 직접적으로 말하면 JavaScript의 배열에는 인덱스가 전혀 없습니다. 숫자이며 JavaScript의 배열 인덱스는 실제로 문자열입니다. arr[1]은 실제로 arr["1"]입니다. arr["1000"] = 1이면 arr.length는 자동으로 1001이 됩니다. 이러한 성능을 발휘하는 이유는 JavaScript의 객체가 임의의 값에 대한 문자열인 문자이기 때문입니다. 이는 AWK와 유사합니다. [1]=1;print(a["1"])}'. 아마도
Brendan Eich
가 JavaScript를 개발할 때
많은 awk 디자인을 참조했기 때문일 것입니다

. , ES6에는 이미 Java 및 기타 언어와 유사한 Map 유형이 있으며 키는 모든 유형의 값입니다.
Map을 참조하세요. 트릭 이메일에는 또 다른 트릭도 언급되어 있습니다.


코드 복사

코드는 다음과 같습니다. > Array.apply(null, Array(3)).map(Function.prototype .call.bind(Number)) [ 0, 1, 2 ]

Copy Code

코드는 다음과 같습니다. Array .apply(null, Array(3)).map( function (x,i,...) { return Number.call(x,i,...) })

x는 호출 메소드의 첫 번째 매개변수이며 Number 함수에서 this 값으로 사용됩니다. 이 값은 의미가 없으며 에서 이해할 수 있는 다음 작성 방법을 선호합니다. 한눈에 보기 :

코드 복사 코드는 다음과 같습니다.

Array.apply(null, Array(3)) .map(function (x,i) { return i })

번역자 메모:

코드 복사 코드는 다음과 같습니다.

Array.apply(null, Array(3)).map(Function.prototype.call.bind(Number))
//Array.apply와 동일(null, Array(3)).map(Function.prototype.call,Number)

커스텀 함수를 사용하는 것이 더 명확하지만, 커스텀 함수는 확실히 예:

코드 복사 코드는 다음과 같습니다.

var a = ["aaa " , " bbb", " ccc "]
a.map(function(x) { return x.trim(); }) // ['aaa' , 'bbb', 'ccc']
a .map(Function.prototype.call, String.prototype.trim) // ['aaa', 'bbb', 'ccc']

위의 맵 방법을 사용하여 각 배열을 다듬습니다. 기본 방법을 사용하여 요소의 공간을 이해하기는 어렵지만 매우 효율적입니다. 이해가 되지 않으면 제가 번역한 MDN 문서를 확인하세요. Array.prototype.map()

4. 실제 목적은?

실제 제작 시 위에서 언급한 조밀한 배열 생성 방법을 사용하면 다른 사람이 코드를 읽을 수 없게 되므로 _과 같은 도구 기능으로 캡슐화하는 것이 좋습니다. .range :

코드 복사 코드는 다음과 같습니다.

> _.range(3)
[ 0, 1, 2 ]

map과 함께 사용하면 전체 배열을 지정된 값으로 채울 수 있습니다.

코드 복사 코드는 다음과 같습니다.

> { return "a" })

[ 'a ', 'a', 'a' ]


번역자 주: 다른 언어에서는 증가하는 숫자 목록을 생성하는 편리한 방법이 있습니다. 예를 들어 Perl 및 Ruby에서 1..100을 사용하고 Python에서 range(100)을 사용하는 또 다른 일반적인 요구 사항은 Ruby 및 Python에서 "a"*100을 사용할 수 있으며, Perl에서는 "a"x100을 사용하고, JavaScript에서는 Array(100).join("a")를 사용할 수 있습니다

5. 관련 기사

JavaScript에서 배열 및 객체 반복
1. (벽으로 둘러싸여 있음)
Node.js에서 Underscore 시험해보기
2. (벽으로 둘러싸여 있음)