JavaScript에서 유사 배열(Array-Like Object)이라고도 하는 의사 배열은 인덱스에 따라 데이터를 저장하고 길이 속성을 갖는 배열 유사 객체입니다. push() 및 forEach 함수() 및 기타 메서드.
이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
의사 배열의 정의 및 특징
유사 배열이라고도 알려진 유사 배열(ArrayLike). 인덱스에 따라 데이터를 저장하고 길이 속성을 갖는 배열형 객체입니다. 그러나 다음과 같은 특징이 있습니다.
-
색인별로 데이터 저장
0: xxx, 1: xxx, 2: xxx...
0: xxx, 1: xxx, 2: xxx...
-
具有
length
属性但是
length
- 에는
length
속성이 있지만length 속성은 동적이지 않으며 멤버가 변경되어도 변경되지 않습니다.
arrayLike.__proto__ === Object.prototype; //true arrayLike instanceof Object; //true arrayLike instanceof Array; //false일반적인 의사 배열, jQuery에서 $()를 통해 얻은 DOM 요소 집합, 함수의 인수 객체 및 String 객체를 포함합니다.
예:
var arrLike = { 0: 'a', 1: 'b', 2: 'c', length: 3, } arrLike[1]; //'a' arrLike.length; //3 arrLike.push('d'); //Uncaught TypeError: arrLike.push is not a function의사 배열을 실제 배열로 변환하는 방법
var arrLike = { 0: 'a', 1: 'b', 2: 'c', length: 3, };
1. 빈 배열을 탐색하고 추가합니다
var arr = []; for(var i = 0; i < arrLike.length; i++){ arr.push(arrLike[i]); }비교적 간단하고 이해하기 쉽지만 단계가 약간 번거롭습니다.
2. 배열의 Slice() 메소드를 사용하세요. [권장]
;[].slice.call(arrLike);또는
Array.prototype.slice.apply(arrLike);새로운 배열을 반환하려면 Slice()를 사용하고, 해당 환경을 가리키려면 call() 또는 Apply()를 사용하세요. 의사 배열. 인덱스 값 이외의 추가 속성은 반환된 배열에 유지되지 않습니다.
예를 들어 jQuery에서 $()로 얻은 DOM 의사 배열의 컨텍스트 속성은 이 메서드로 변환된 후에 유지되지 않습니다.
slice()의 내부 구현을 시뮬레이션Array.prtotype.slice = function(start, end){ var result = new Array(); var start = start | 0; var end = end | this.length; for(var i = start; i < end; i++){ result.push(this[i]); } return result; }
3. 프로토타입 포인터 수정
arrLike.__proto__ = Array.prototype;이러한 방식으로 arrLike는 Array.prototype의 메서드를 상속하며 push(), unshift() 및 기타를 사용할 수 있습니다. 메소드, 길이 값 또한 동적으로 변경됩니다. 또한 프로토타입 체인을 직접 수정하는 이 방법은 인덱스 값이 아닌 속성을 포함하여 의사 배열의 모든 속성도 유지합니다.
4. ES2015의 Array.from() 메서드
Array.from() 메서드는 유사 배열 또는 반복 가능 객체에서 새 배열 인스턴스를 생성합니다.
var arr = Array.from(arrLike);얻은 결과는 두 번째 방법과 유사하며 인덱스 값 내의 속성만 유지됩니다. 🎜🎜【추천 학습: 🎜javascript 고급 튜토리얼🎜】🎜
위 내용은 자바스크립트의 의사 배열이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

usestate () isareacthookusedtomanagestatefunctionalcomponents.1) itinitializesandupdatesstate, 2) workaledtthetThetThepleFcomponents, 3) canleadto'Stalestate'ifnotusedCorrecrally 및 4) performancanoptimizedUsecandusecaldates.

Reactispopularduetoitscomponent 기반 아카데입, 가상, Richcosystem 및 declarativenature.1) 구성 요소 기반 ectureallowsforeusableuipieces, Modularityandmainability 개선 가능성.

TodebugreactApplicationseffective, UsetheseStradegies : 1) 주소 propdrillingwithContapiorredux.2) handleaSnchronousOperationswithUsestAndUseefect, abortControllerTopReceConditions.3) 최적화 formanceSeMoAnduseCalbackTooid

usestate () inreactAllowsStateManagementInfunctionalComponents.1) itsimplifiessTatemanagement, 2) usethepRevCountFunctionToupDatesTestateSpreviousValue, PropeingStaleScallanceBackferperperperperperperperperperperperperpertoptiMizatio

chelectionSimple, IndependentStateVaribles; useUserEducer () useuserEducer () forcomplexStateLogicor () whenStatedSonpreviousState.1) usestate () isidealforsimpleupdatesliketogglingabooleorupdatingacounter.2) usbetterformanagingmentiplesub-vvalusorac

Usestate는 클래스 구성 요소 및 기타 상태 관리 솔루션보다 우수합니다. 국가 관리를 단순화하고 코드를 더 명확하게하고 읽기 쉽고 React의 선언적 특성과 일치하기 때문입니다. 1) Usestate는 함수 구성 요소에서 상태 변수를 직접 선포 할 수있게합니다. 2) 후크 메커니즘을 통해 다시 렌더링하는 동안 상태를 기억합니다.

useUsestate () forlocalcomponentStateManagement; 고려 사항 forglobalstate, complexlogic, orperformanceissues.1) usestate () isidealforsimple, localstate.2) useglobalstatesolutionslikereduxorcontextforsharedstate.3) optforredooxtoolkitormobxcomcoccomcoccomcoccomcoccomcoccomcoccomcoccomcoccomporccomcoccomporccomcoccomport

reusablecomponentsinreacececodemainabenabilityandefficiency는 hallowingesamecomponentacrossdifferentpartsofanapplicationorprojects.1) 그들을 retuduceredundancyandsimplifyupdates.2) theyseconsistencyinuserexperience.3) theyquireoptim


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.
