> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 new Array() 및 var arr=[] 사용

자바스크립트에서 new Array() 및 var arr=[] 사용

小云云
풀어 주다: 2017-12-04 13:27:02
원래의
3784명이 탐색했습니다.

다들 JavaScript의 배열 함수 new Array()와 var arr=[]를 배우고 있는데, 많은 친구들이 차이점이나 사용법을 모릅니다. JavaScript의 배열 함수 new Array()와 var arr=[]를 분석해 보겠습니다. 사용법의 차이점을 함께 알아볼까요?

아래 요약을 살펴보세요.

var arr=[]

배열을 정의하는 문자 그대로의 방법입니다

var arr=new Array()

배열 생성자를 호출하여 생성된 배열입니다

위 2가지 유형의 정의 arrays 메서드는 동일하고 다릅니다

현재 우리는 일반적으로 다음과 같다는 데 동의합니다

new 키워드를 사용하여 메모리의 저장 주소를 여는 것은 리소스 집약적이고 메모리를 더 많이 소모합니다.

리터럴 메서드는 메모리의 저장 필드를 직접 엽니다. 비교적 간단하고 리소스를 소비하지 않습니다.

위의 결론을 먼저 부정하지는 마세요.

우선 기능적으로 말하면 var =arr=[] 및 var arr= new Array()입니다.

그런 다음 코드를 사용하여 확인합니다


var startTime=new Date().getTime();
var test1=[];
var test2=[];
for(var i=0;i<1000000;i++){
  //test1[i]={};
  test2[i]=new Object();
}

var endTime=new Date().getTime();
console.log(&#39;输出耗时:&#39;,endTime-startTime);
로그인 후 복사


위의 두 배열 test1과 test2의 각 요소는 차례로 배열입니다. 10번 이상 테스트해봤습니다

결과

36**
36**

위 두번 모두 3600초 정도 위아래로 큰 차이는 없습니다

제 런닝타임은 맥북입니다 Air (13인치, Mid 2013) , 프로세서: 1.3 GHz Intel Core i5, 메모리: 4 GB 1600 MHz DDR3, JS Runner tool

그러니 위의 두 방법은 별 차이가 없다고 생각합시다.

[ ] 와 new Array() 는 구문상 유일한 것입니다. 차이점은 new Array() 는 배열의 길이를 직접 설정할 수 있다는 것입니다

new Array() 는 배열을 구성할 때 다음과 같은 메소드를 가지고 있습니다

var arr = new Array( );
var arr = new Array(8);
var arr = new Array("c", "d", "e");
Literal method
var d = ["111", "222", "333 "];

그래서 성능면에서는 이 두 가지 방법이 별 차이가 없고 그냥 사용 습관일 뿐이고 리터럴이 더 간단합니다.

한발 뒤로 물러서서 var arr=['111을 사용하면 ','222','333']; 배열을 정의할 때 생성자를 통해 메모리의 저장소 주소를 열지 않나요?


js에서 배열 Array의 몇 가지 일반적인 방법 요약

var list = new Array()는 우리가 js에서 자주 쓰는 내용인데, 오늘은 Array 객체가 어떤 메소드를 가지고 있는지 정리해보겠습니다.

list[0] = 0;

list[1] = 1;

list[2] = 2;

또는 다음과 같이 선언합니다: var list = [0,1,2]

1 Shift() t : 배열의 첫 번째 요소를 삭제하고 삭제된 값을 반환합니다. 다음은 0

2 unshift(3,4)입니다. 매개변수를 배열 앞쪽에 로드하고 배열 길이를 반환합니다. 이제 목록: 3,4,0,1,2

3pop(): 배열의 마지막 요소를 삭제하고 삭제된 값을 반환합니다. 다음은 2.

4push(3)입니다. 매개변수를 배열 끝에 로드하고 배열의 길이를 반환합니다. 이제 목록에: 0,1,2,3

5concat(3,4): Splice 두 개의 어레이가 일어납니다.

6splice(start,deleteCount,val1,val2,...): 시작 위치에서 deleteCount 항목을 삭제하고 이 위치에 val1, val2,...를 삽입합니다.

reverse: 배열을 뒤집습니다.
var a = [1, 2,3,4,5];
var b = a.reverse(); //a: [5,4,3,2,1] b: [5,4,3,2,1]

sort (orderfunction): 지정된 매개변수에 따라 배열을 정렬합니다
var a = [1,2,3,4,5]
var b = a.sort() //a: [1,2, 3,4; ,5] b: [1,2,3,4,5]

slice(start,end): 원래 배열의 지정된 시작 인덱스와 끝 인덱스 사이의 항목으로 구성된 새 배열을 반환합니다
var a = [ 1,2,3,4,5];
var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4, 5]

Join(separator): 구분 기호를 구분 기호로 사용하여 배열 요소를 문자열로 결합합니다. 생략하면 기본 쉼표가 구분 기호로 사용됩니다.
var a = [1,2,3,4,5] ; b = a.join("|"); //a: [1,2,3,4,5] b: "1|2|3|4|5"

위 내용은 자바스크립트의 새로운 내용입니다. Array()와 var arr=[]_javascript 사이의 사용법에 대한 팁이 모두에게 도움이 되기를 바랍니다.

관련 추천:

JavaScript의 배열 함수 array() 관련 소개

in_array() 10가지 추천 콘텐츠

Javascript에서 var와 let의 차이점과 유사점

위 내용은 자바스크립트에서 new Array() 및 var arr=[] 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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