range파이썬 및 기타에서 사용할 수 있으므로 항상 JavaScript에서 누락 된 함수를 찾았 습니까? ES2015에서 숫자 범위를 생성하는 간결한 방법이 있습니까?
편집 : 내 질문은 ECMASCRIPT-5가 아닌 ES2015에만 해당하므로 언급 된 중복과 다릅니다. 또한 특정 시작 번호가 아닌 0에서 시작하는 범위가 필요합니다 (그게 있으면 좋을 것입니다)
답변
새로 생성 된 배열의 키에 스프레드 연산자를 사용할 수 있습니다.
[...Array(n).keys()]
또는
Array.from(Array(n).keys())
Array.from()타이프 라이터로 작업하는 경우 구문이 필요하다
답변
또한 Array.from다음을 사용하는 더 직관적 인 방법을 발견했습니다 .
const range = n => Array.from({length: n}, (value, key) => key)이제이 range함수는 0부터 n-1까지 모든 숫자를 반환합니다.
지원할 범위의 수정 된 버전이며 다음 start과 end같습니다.
const range = (start, end) => Array.from({length: (end - start)}, (v, k) => k + start);편집
@ marco6에서 제안한대로 사용 사례에 적합한 경우 정적 방법으로 넣을 수 있습니다.
Array.range = (start, end) => Array.from({length: (end - start)}, (v, k) => k + start);그리고 그것을 사용하십시오
Array.range(3, 9)답변
델타와 함께
자바 스크립트의 경우
Array.from(Array(10).keys()).map(i => 4 + i * 2);
//=> [4, 6, 8, 10, 12, 14, 16, 18, 20, 22]
[...Array(10).keys()].map(i => 4 + i * -2);
//=> [4, 2, 0, -2, -4, -6, -8, -10, -12, -14]
Array(10).fill(0).map((v, i) => 4 + i * 2);
//=> [4, 6, 8, 10, 12, 14, 16, 18, 20, 22]
Array(10).fill().map((v, i) => 4 + i * -2);
//=> [4, 2, 0, -2, -4, -6, -8, -10, -12, -14]
[...Array(10)].map((v, i) => 4 + i * 2);
//=> [4, 6, 8, 10, 12, 14, 16, 18, 20, 22]
const range = (from, to, step) =>
Array(~~((to - from) / step) + 1) // '~~' is Alternative for Math.floor()
.fill().map((v, i) => from + i * step);
range(0, 9, 2);
//=> [0, 2, 4, 6, 8]
Array.range = (from, to, step) => Array.from({
length: ~~((to - from) / step) + 1
},
(v, k) => from + k * step
);
Array.range = (from, to, step) => [...Array(~~((to - from) / step) + 1)].map(
(v, k) => from + k * step
)
Array.range(2, 10, 2);
//=> [2, 4, 6, 8, 10]
Array.range(0, 10, 1);
//=> [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
Array.range(2, 10, -1);
//=> []
Array.range(3, 0, -1);
//=> [3, 2, 1, 0]
class Range {
constructor(total = 0, step = 1, from = 0) {
this[Symbol.iterator] = function*() {
for (let i = 0; i < total; yield from + i++ * step) {}
};
}
}
[...new Range(5)]; // Five Elements
//=> [0, 1, 2, 3, 4]
[...new Range(5, 2)]; // Five Elements With Step 2
//=> [0, 2, 4, 6, 8]
[...new Range(5, -2, 10)]; // Five Elements With Step -2 From 10
//=>[10, 8, 6, 4, 2]
[...new Range(5, -2, -10)]; // Five Elements With Step -2 From -10
//=> [-10, -12, -14, -16, -18]
// Also works with for..of loop
for (i of new Range(5, -2, 10)) console.log(i);
// 10 8 6 4 2
// Or
const Range = function*(total = 0, step = 1, from = 0){
for (let i = 0; i < total; yield from + i++ * step) {}
};
Array.from(Range(5, -2, -10));
//=> [-10, -12, -14, -16, -18]
[...Range(5, -2, -10)]; // Five Elements With Step -2 From -10
//=> [-10, -12, -14, -16, -18]
// Also works with for..of loop
for (i of Range(5, -2, 10)) console.log(i);
// 10 8 6 4 2
class Range2 {
constructor(to = 0, step = 1, from = 0) {
this[Symbol.iterator] = function*() {
let i = 0,
length = ~~((to - from) / step) + 1;
while (i < length) yield from + i++ * step;
};
}
}
[...new Range2(5)]; // First 5 Whole Numbers
//=> [0, 1, 2, 3, 4, 5]
[...new Range2(5, 2)]; // From 0 to 5 with step 2
//=> [0, 2, 4]
[...new Range2(5, -2, 10)]; // From 10 to 5 with step -2
//=> [10, 8, 6]
// Or
const Range2 = function*(to = 0, step = 1, from = 0) {
let i = 0, length = ~~((to - from) / step) + 1;
while (i < length) yield from + i++ * step;
};
[...Range2(5, -2, 10)]; // From 10 to 5 with step -2
//=> [10, 8, 6]
let even4to10 = Range2(10, 2, 4);
even4to10.next().value
//=> 4
even4to10.next().value
//=> 6
even4to10.next().value
//=> 8
even4to10.next().value
//=> 10
even4to10.next().value
//=> undefinedTypescript 용
interface _Iterable extends Iterable < {} > {
length: number;
}
class _Array < T > extends Array < T > {
static range(from: number, to: number, step: number): number[] {
return Array.from(
( < _Iterable > { length: Math.floor((to - from) / step) + 1 }),
(v, k) => from + k * step
);
}
}
_Array.range(0, 9, 1);
//=> [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];최신 정보
class _Array<T> extends Array<T> {
static range(from: number, to: number, step: number): number[] {
return [...Array(~~((to - from) / step) + 1)].map(
(v, k) => from + k * step
);
}
}
_Array.range(0, 9, 1);편집하다
class _Array<T> extends Array<T> {
static range(from: number, to: number, step: number): number[] {
return Array.from(Array(~~((to - from) / step) + 1)).map(
(v, k) => from + k * step
);
}
}
_Array.range(0, 9, 1);답변
숫자 0 ~ 5
[...Array(5).keys()];
=> [0, 1, 2, 3, 4]답변
이러한 솔루션의 대부분은 실제 Array 객체를 인스턴스화하여 빌드하므로 많은 경우에 대한 작업을 수행 할 수 있지만 range(Infinity). 간단한 생성기를 사용하여 이러한 문제를 방지하고 무한 시퀀스를 지원할 수 있습니다.
function* range( start, end, step = 1 ){
if( end === undefined ) [end, start] = [start, 0];
for( let n = start; n < end; n += step ) yield n;
}예 :
Array.from(range(10)); // [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
Array.from(range(10, 20)); // [ 10, 11, 12, 13, 14, 15, 16, 17, 18, 19 ]
i = range(10, Infinity);
i.next(); // { value: 10, done: false }
i.next(); // { value: 11, done: false }
i.next(); // { value: 12, done: false }
i.next(); // { value: 13, done: false }
i.next(); // { value: 14, done: false }답변
따라서이 경우에는 Number 객체가 스프레드 연산자를 사용하여 Array 객체처럼 동작 것입니다.
예를 들어 스프레드 연산자와 함께 사용되는 Array 객체 :
let foo = [0,1,2,3];
console.log(...foo) // returns 0 1 2 3Array 객체에 반복기가 내장되어 있기 때문에 이와 같이 작동합니다.
우리의 경우 비슷한 기능을 가지려면 Number 객체 가 필요 합니다.
[...3] //should return [0,1,2,3]이를 위해 단순히 그 목적을위한 숫자 반복기를 만들 수 있습니다.
Number.prototype[Symbol.iterator] = function *() {
for(let i = 0; i <= this; i++)
yield i;
}이제 확산 연산자를 사용하여 0에서 N까지의 범위를 만들 수 있습니다.
[… N] // 이제 0 … N 배열 반환
http://jsfiddle.net/01e4xdv5/4/
건배.
답변
필요할 때만 범위를 느리게 생성하는 생성기 함수를 사용할 수 있습니다.
function* range(x, y) {
while (true) {
if (x <= y)
yield x++;
else
return null;
}
}
const infiniteRange = x =>
range(x, Infinity);
console.log(
Array.from(range(1, 10)) // [1,2,3,4,5,6,7,8,9,10]
);
console.log(
infiniteRange(1000000).next()
);고차 생성기 함수를 사용하여 생성기를 매핑 할 수 있습니다 range.
function* range(x, y) {
while (true) {
if (x <= y)
yield x++;
else
return null;
}
}
const genMap = f => gx => function* (...args) {
for (const x of gx(...args))
yield f(x);
};
const dbl = n => n * 2;
console.log(
Array.from(
genMap(dbl) (range) (1, 10)) // [2,4,6,8,10,12,14,16,18,20]
);두려움이 없다면 훨씬 더 넓은 범위 (의도 된 말장난)를 해결하기 위해 생성기 접근 방식을 일반화 할 수도 있습니다.
const rangeBy = (p, f) => function* rangeBy(x) {
while (true) {
if (p(x)) {
yield x;
x = f(x);
}
else
return null;
}
};
const lte = y => x => x <= y;
const inc = n => n + 1;
const dbl = n => n * 2;
console.log(
Array.from(rangeBy(lte(10), inc) (1)) // [1,2,3,4,5,6,7,8,9,10]
);
console.log(
Array.from(rangeBy(lte(256), dbl) (2)) // [2,4,8,16,32,64,128,256]
);생성기 / 반복자는 본질적으로 상태 저장입니다. 즉,를 호출 할 때마다 암시 적 상태가 변경됩니다 next. 상태는 혼합 된 축복입니다.
