변수가 JS의 배열인지 확인하는 방법은 무엇입니까?
변수가 배열 유형인지 여부를 결정하기 위해 Array.isArray () 메소드가 선호되고, 둘째, Object.Prototype.toString.call ()을 사용할 수 있습니다. 1. array.isarray (변수)는 현대식 브라우저 및 node.js에 적합한 true 또는 false를 반환합니다. 2. Object.prototype.tostring.call (변수) === '[Object Array]', 이전 환경과 호환됩니다. 판단 어레이에 결함이 있기 때문에 Typeof 및 Instanceof를 사용하지 마십시오. 필요에 따라 적절한 메소드를 선택하십시오. Array.isArray () 먼저 이전 버전과 호환 될 필요가없는 경우, 호환되는 경우 tostring.call ()을 사용하십시오.
JavaScript에서는 Typeof가 배열에 대한 typeof 의 리턴 결과가 "object" 이기 때문에 변수가 배열 유형인지 확인하기 위해 직접 typeof 사용 할 수 없습니다. 따라서 정확한 판단을 내리려면 다른 방법이 필요합니다.
Array.isArray () 사용
이것은 간단한 구문과 높은 정확도로 가장 권장되는 방법입니다.
Array.isArray (변수)
- 변수가 배열 인 경우
true를 반환하십시오 - 그렇지 않으면
false반환하십시오
예:
Console.log (Array.isArray ([1, 2, 3])); // 진실
Console.log (Array.isArray ( "Hello")); // 거짓
Console.log (Array.isArray ({})); // 거짓이 방법은 최신 브라우저와 Node.js 환경 모두에서 지원됩니다. 매우 오래된 환경 (예 : IE8 이하)과 호환 되려면 다른 방법을 고려할 수 있습니다.
Object.Prototype.tostring.call () 사용
이것은 오래된 JavaScript 환경에서 작업하는보다 호환되는 방법입니다.
Object.prototype.tostring.call (변수) === '[객체 배열]' '
- 이 메소드는 개체의
toString()메소드를 호출하여 내부 [[class]] 속성을 가져옵니다. - 배열은
[object Array]반환합니다.
예:
console.log (Object.prototype.toString.call ([1,2]) === '[개체 배열]'); // 진실
console.log (object.prototype.tostring.call ({}) === '[개체 배열]'); // 거짓 Array.isArray() 보다 쓰는 것이 조금 더 번거 롭지 만 이전 버전의 JS 엔진과 호환해야 할 때 매우 유용합니다.
권장되지 않습니다
다음 방법은 오류를 유발할 수 있으며 배열을 판단하는 데 권장되지 않습니다.
typeof variable === 'object'
null과 객체도true반환하기 때문입니다instanceof Array
iframes에서 생성 된 배열과 같은 크로스 프레임 또는 크로스 윈도우 환경에서는 현재 창의Array생성자에 의해 인식되지 않을 수 있습니다.
팁 : 메소드를 선택하는 방법?
- IE8 이상을 지원할 필요가 없다면?
Array.isArray()먼저 사용하십시오 - 오래된 환경과 호환 해야하는 경우?
Object.prototype.toString.call()사용 - 변수 유형을 빠르게 디버그하고 싶으십니까? 콘솔에서
variable.constructor.name을 인쇄 할 수 있습니다
(그러나 이것은 신뢰할 수있는 판단 방식이 아닙니다)
기본적으로 그게 다야. 배열을 판단하는 것은 실제로 복잡하지 않지만 다른 방법의 차이점을 무시하는 것은 쉽습니다. 올바른 방법을 선택하면 갇히지 않아도됩니다.
위 내용은 변수가 JS의 배열인지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undress AI Tool
무료로 이미지를 벗다
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
고급 JavaScript 스코프 및 컨텍스트
Jul 24, 2025 am 12:42 AM
JavaScript의 범위는 변수의 접근성 범위를 결정하며, 이는 글로벌, 기능 및 블록 수준 범위로 나뉩니다. 컨텍스트는 이것의 방향을 결정하고 함수 호출 방법에 따라 다릅니다. 1. 스코프에는 글로벌 범위 (어디서나 액세스 가능), 함수 스코프 (함수 내에서만 유효 함) 및 블록 레벨 범위 ({} 내에서 유효 함)가 포함됩니다. 2. 실행 컨텍스트에는 가변 객체, 스코프 체인 및 이것의 값이 포함되어 있습니다. 이것은 일반 함수에서 글로벌 또는 정의되지 않은 것을 가리키며, 메소드 호출은 통화 객체를 가리키고 생성자는 새 객체를 가리키며 Call/Apply/Bind에 의해 명시 적으로 지정 될 수 있습니다. 3. 폐쇄는 외부 범위 변수에 액세스하고 기억하는 기능을 말합니다. 종종 캡슐화 및 캐시에 사용되지만
JavaScript 동시성 패턴 마스터 링 : 웹 작업자 대 Java 스레드
Jul 25, 2025 am 04:31 AM
동시 처리에서 JavaScript의 웹 워크와 Javathreads 사이에는 필수적인 차이가 있습니다. 1. JavaScript는 단일 스레드 모델을 채택합니다. 웹 워크 사람들은 브라우저에서 제공하는 독립 스레드입니다. UI를 차단하지는 않지만 DOM을 작동 할 수없는 시간 소모적 작업을 수행하는 데 적합합니다. 2. Java는 스레드 클래스를 통해 생성 된 언어 수준의 실제 멀티 스레딩을 지원하며 복잡한 동시 논리 및 서버 측 처리에 적합합니다. 3. 웹 워크는 postMessage ()를 사용하여 주 스레드와 통신하는데, 이는 매우 안전하고 고립된다. Java 스레드는 메모리를 공유 할 수 있으므로 동기화 문제에주의를 기울여야합니다. 4. 웹 워크는 이미지 처리 및와 같은 프론트 엔드 병렬 컴퓨팅에 더 적합합니다.
VUE 3 구성 API vs. 옵션 API : 세부 비교
Jul 25, 2025 am 03:46 AM
Vue3의 CompositionApi는 복잡한 논리 및 유형 파생에 더 적합하며 옵션 API는 간단한 시나리오 및 초보자에게 적합합니다. 1. OptionsApi는 데이터 및 방법과 같은 옵션에 따라 코드를 구성하며 명확한 구조를 가지지 만 복잡한 구성 요소는 조각화됩니다. 2. CompositionApi는 설정을 사용하여 관련 논리를 집중시킵니다.이 논리는 유지 관리 및 재사용에 도움이됩니다. 3. CompositionApi는 Composable 기능을 통해 충돌이없고 매개 변수화 가능한 논리 재사용을 인식합니다. 4. CompositionApi는 TypeScript와보다 정확한 유형 도출에 대한 더 나은 지원을 가지고 있습니다. 5.이 둘의 성능과 포장량에는 큰 차이가 없다. 6.
node.js로 CLI 도구 구축
Jul 24, 2025 am 03:39 AM
프로젝트를 초기화하고 package.json을 만듭니다. 2. Shebang을 사용하여 Entry Script Index.js를 만듭니다. 3. package.json의 빈 필드를 통한 명령을 등록합니다. 4. Yargs 및 기타 라이브러리를 사용하여 명령 줄 매개 변수를 구문 분석하십시오. 5. NPMLINK 로컬 테스트 사용; 6. 경험을 향상시키기 위해 도움말, 버전 및 옵션을 추가하십시오. 7. 선택적으로 NPMPUBLISH를 통해 출판; 8. 선택적으로 Yargs와의 자동 완료를 달성합니다. 마지막으로 합리적인 구조 및 사용자 경험 설계를 통해 실제 CLI 도구를 작성하고, 자동화 작업을 완료하거나 위젯을 배포하고 완전한 문장으로 끝납니다.
JS에서 요소를 생성하고 추가하는 방법?
Jul 25, 2025 am 03:56 AM
새로운 요소를 생성하려면 document.createElement ()를 사용하십시오. 2. TextContent, 클래스리스트, SetAttribute 및 기타 방법을 통해 요소를 사용자 정의합니다. 3. DOM에 요소를 추가하기 위해 AppendChild () 또는보다 유연한 Append () 메소드를 사용하십시오. 4. 삽입 위치를 제어하기 위해 (), 이전 () 및 기타 방법을 선택적으로 사용합니다. 완전한 프로세스는 → Customize → Add를 작성하는 것이며 페이지 컨텐츠를 동적으로 업데이트 할 수 있습니다.
마이크로 프론트 렌드 아키텍처 : 실용적인 구현 안내서
Aug 02, 2025 am 08:01 AM
microfrontendssolvesscalingchalingchalengesinlargeteams는 독립적 인 developmentanddeployment.1) chooseeanintegrationstrategy : usemodulefederation inwebpack5forruntimeloadingandtrueindence, build-timeintegrationforsimplesetups, oriframes/webcomponents
TypeScript의 고급 조건부 유형
Aug 04, 2025 am 06:32 AM
TypeScript의 고급 조건 유형은 TextEndsu? x : y 구문을 통해 유형간에 논리적 판단을 구현합니다. 핵심 기능은 분산 조건 유형, 유추 유형 추론 및 복잡한 유형 도구의 구성에 반영됩니다. 1. 조건부 유형은 베어 유형 매개 변수에 분산되며 문자열 [] | 번호 []를 얻기 위해 ToArray와 같이 조인트 유형을 자동으로 분할 할 수 있습니다. 2. 분포를 사용하여 필터링 및 추출 도구를 구축하기 위해 : textendsu를 통해 유형을 제외하고 textendu? t : never 및 null/undefined를 통해 공통점을 추출합니다. 3
자바 스크립트에서 배열의 길이를 찾는 방법은 무엇입니까?
Jul 26, 2025 am 07:52 AM
JavaScript 배열의 길이를 얻으려면 내장 길이 속성을 사용할 수 있습니다. 1. .length 속성을 사용하여 Constfruits = [ 'Apple', 'Banana', 'Orange']; Console.log (Fruits.length); // 출력 : 3; 2.이 속성은 문자열, 숫자, 객체 또는 배열과 같은 모든 유형의 데이터를 포함하는 배열에 적합합니다. 3. 길이 속성이 자동으로 업데이트되며 요소가 추가되거나 삭제 될 때 그에 따라 그 값이 변경됩니다. 4. 0 기반 카운트를 반환하고 빈 배열의 길이는 0입니다. 5. 길이 속성을 수동으로 수정하여 배열을 자르거나 확장 할 수 있습니다.
