javascript에서 new Array()와 var arr=[] 사용법의 차이점은 무엇입니까?

亚连
풀어 주다: 2018-06-22 18:22:31
원래의
2213명이 탐색했습니다.

JavaScript에서 배열 함수 new Array()와 var arr=[]의 사용법 차이를 함께 배워보겠습니다.

모두가 JavaScript의 배열 함수 new Array() 및 var arr=[]에 대해 배우고 있습니다. 많은 친구들이 이를 구별하는 방법이나 사용 방법을 모릅니다. 아래 요약을 살펴보겠습니다.

var arr=[]

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

var arr=new Array()

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

위의 배열을 정의하는 두 가지 방법은 무엇입니까 ? 모두 다릅니다

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

새 키워드를 사용하여 메모리의 저장 주소를 여는 것은 상대적으로 리소스 집약적이고 메모리 소모적입니다.

리터럴 방법은 비교적 간단합니다. 메모리에 저장 필드를 열지 않고 리소스를 소모합니다.

위의 결론을 먼저 부정하지 맙시다.

우선 기능적으로 말하면 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의 각 요소는 배열입니다. 모든 코드 줄에 대해 차례로 주석을 달 수 있습니다.

결과

36**
36**

위 두 시간 모두 위아래로 약 3600초 정도 소요되며 큰 차이는 없습니다

제 실행 시간은 MacBook Air(13인치, Mid 2013), 프로세서입니다. : 1.3 GHz Intel Core i5, 메모리: 4 GB 1600 MHz DDR3, JS Runner 도구

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

[ ]와 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]

1shift() 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"

위 내용은 제가 모두를 위해 편집한 것입니다 예 , 앞으로 모든 사람에게 도움이되기를 바랍니다.

관련 기사:

vue에서 아버지와 아들 사이의 통신에 대한 자세한 해석

Vue.js에서 ref($refs) 사용법에 대한 자세한 소개

$refs, Vue에서 DOM에 액세스(자세한 ​​튜토리얼) )

jQuery에서 팝업 창 아래 하단 페이지의 슬라이딩 효과를 비활성화하는 방법

위 내용은 javascript에서 new Array()와 var arr=[] 사용법의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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