> 웹 프론트엔드 > JS 튜토리얼 > PHP의 range()와 유사한 JavaScript에서 Range 함수를 어떻게 만들 수 있나요?

PHP의 range()와 유사한 JavaScript에서 Range 함수를 어떻게 만들 수 있나요?

Susan Sarandon
풀어 주다: 2024-12-14 21:24:13
원래의
324명이 탐색했습니다.

How Can I Create a Range Function in JavaScript Similar to PHP's range()?

JavaScript에 PHP의 range()와 같은 Range 함수가 있나요?

PHP의 range() 함수를 사용하면 숫자 배열을 쉽게 생성할 수 있습니다. 또는 지정된 범위 내의 문자. 그러나 JavaScript에는 이러한 목적을 위한 내장 기능이 없습니다. JavaScript에서 이 기능을 구현하는 몇 가지 방법은 다음과 같습니다.

Numbers

Array.keys() 메서드 활용:

[...Array(5).keys()]; // [0, 1, 2, 3, 4]
로그인 후 복사

캐릭터 반복

레버리지 문자 범위를 반복하는 String.fromCharCode():

String.fromCharCode(...[...Array('D'.charCodeAt(0) - 'A'.charCodeAt(0) + 1).keys()].map(i => i + 'A'.charCodeAt(0)));
// "ABCD"
로그인 후 복사

일반 반복

String.fromCharCode()와 함께 for...of 루프를 사용합니다.

for (const x of Array(5).keys()) {
  console.log(x, String.fromCharCode('A'.charCodeAt(0) + x));
}
// 0,"A" 1,"B" 2,"C" 3,"D" 4,"E"
로그인 후 복사

맞춤형 범위 함수

범위를 생성하는 재사용 가능한 함수 만들기:

function range(size, startAt = 0) {
    return [...Array(size).keys()].map(i => i + startAt);
}

function characterRange(startChar, endChar) {
    return String.fromCharCode(...range(endChar.charCodeAt(0) -
            startChar.charCodeAt(0), startChar.charCodeAt(0)))
}
로그인 후 복사

유형화된 함수

TypeScript 사용자는 유형화된 함수를 정의할 수 있습니다.

function range(size:number, startAt:number = 0):ReadonlyArray<number> {
    return [...Array(size).keys()].map(i => i + startAt);
}

function characterRange(startChar:string, endChar:string):ReadonlyArray<string> {
    return String.fromCharCode(...range(endChar.charCodeAt(0) -
            startChar.charCodeAt(0), startChar.charCodeAt(0)))
}
로그인 후 복사

외부 라이브러리

또는 range() 함수를 제공하는 lodash.js와 같은 타사 라이브러리를 활용할 수도 있습니다.

_.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]
로그인 후 복사

위 내용은 PHP의 range()와 유사한 JavaScript에서 Range 함수를 어떻게 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿