[javascript] 1… N을 포함하는 배열을 만드는 방법

그렇게 할 수 있습니다 :

var N = 10;
Array.apply(null, {length: N}).map(Number.call, Number)

결과 : [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

또는 임의의 값으로 :

Array.apply(null, {length: N}).map(Function.call, Math.random)

결과 : [0.7082694901619107, 0.9572225909214467, 0.8586748542729765, 0.8653848143294454, 0.008339877473190427, 0.9911756622605026, 0.8133423360995948, 0.8377588465809822, 0.5577575915958732, 0.16363654541783035]

설명

먼저,는를 반환하는 Number.call(undefined, N)것과 같습니다 . 우리는 나중에 그 사실을 사용할 것입니다.Number(N)N

Array.apply(null, [undefined, undefined, undefined])는 Array(undefined, undefined, undefined)3 요소 배열을 생성하고 undefined각 요소에 할당하는와 같습니다 .

이것을 N 요소로 일반화 할 수 있습니까? Array()작동 방식을 고려하십시오 .

function Array() {
    if ( arguments.length == 1 &&
         'number' === typeof arguments[0] &&
         arguments[0] >= 0 && arguments &&
         arguments[0] < 1 << 32 ) {
        return [ … ];  // array of length arguments[0], generated by native code
    }
    var a = [];
    for (var i = 0; i < arguments.length; i++) {
        a.push(arguments[i]);
    }
    return a;
}

ECMAScript를 5부터 , Function.prototype.apply(thisArg, argsArray)또한 두 번째 매개 변수로서 오리 입력 어레이 형상 물체를 수용한다. 우리가 호출 Array.apply(null, { length: N })하면 실행됩니다

function Array() {
    var a = [];
    for (var i = 0; i < /* arguments.length = */ N; i++) {
        a.push(/* arguments[i] = */ undefined);
    }
    return a;
}

이제 각 요소가로 설정된 N 요소 배열이 undefined있습니다. 호출하면 .map(callback, thisArg)각 요소는의 결과로 설정됩니다 callback.call(thisArg, element, index, array). 따라서 [undefined, undefined, …, undefined].map(Number.call, Number)각 요소를에 매핑합니다 (Number.call).call(Number, undefined, index, array). 이는 Number.call(undefined, index, array)앞에서 살펴본 바와 같이로 평가됩니다 index. 이것으로 요소가 인덱스와 같은 배열을 완성합니다.

왜 Array.apply(null, {length: N})그냥 대신에 문제를 겪고 Array(N)있습니까? 결국 두 표현식 모두 정의되지 않은 요소로 구성된 N 요소 배열이됩니다. 차이점은 이전 표현식에서, 각각의 요소가 명시되어있다 설정 후자에서, 각각의 요소가 설정되지 않았던 반면, 정의에 관한 것이다. 의 문서에 따르면 .map():

callback값이 할당 된 배열의 인덱스에 대해서만 호출됩니다. 삭제되었거나 값이 할당되지 않은 인덱스에 대해서는 호출되지 않습니다.

따라서 Array(N)충분하지 않습니다. Array(N).map(Number.call, Number)초기화되지 않은 길이 N의 배열이 생성됩니다 .

적합성

이 기술은 Function.prototype.apply()ECMAScript 5 에 지정된 동작에 의존하기 때문에 Chrome 14 및 Internet Explorer 9와 같은 ECMAScript 5 이전 브라우저 에서는 작동하지 않습니다 .

답변

[ ...Array(N).keys() ].map( i => i+1);

Array(N).fill().map((_, i) => i+1);

Array.from(Array(N), (_, i) => i+1)

Array.from({ length: N }, (_, i) => i+1)

[ ...Array(N).keys() ].map(f)

Array.from({length: 5}, (v, k) => k+1);
// [1,2,3,4,5]

let demo= (N) => {
  console.log(
    [ ...Array(N).keys() ].map(( i) => i+1),
    Array(N).fill().map((_, i) => i+1) ,
    Array.from(Array(N), (_, i) => i+1),
    Array.from({ length: N }, (_, i) => i+1)
  )
}

demo(5)

[ ...Array(N).keys() ].map((i) => f(i))

[ ...Array(N).keys() ].map(f)

let demo= (N,f) => {
  console.log(
    [ ...Array(N).keys() ].map(f),
    Array(N).fill().map((_, i) => f(i)) ,
    Array.from(Array(N), (_, i) => f(i)),
    Array.from({ length: N }, (_, i) => f(i))
  )
}

demo(5, i=>2*i+1)

var foo = new Array(N);   // where N is a positive integer

/* this will create an array of size, N, primarily for memory allocation,
   but does not create any defined values

   foo.length                                // size of Array
   foo[ Math.floor(foo.length/2) ] = 'value' // places value in the middle of the array
*/

var foo = [ ...Array(N).keys() ];

var foo = Array(N).fill().map((v,i)=>i);

Array.from({ length: N }, (v, i) => i)

console.log(
  Array(45).fill(0).map((e,i)=>i+1)
);

// _.range([start], stop, [step])

_.range(10); // => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
_.range(1, 11); // => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
_.range(0, 30, 5); // => [0, 5, 10, 15, 20, 25]
_.range(0, -10, -1); //  => [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]
_.range(0); // => []