Quelle est la différence entre l'utilisation de new Array() et var arr=[] en javascript ?

Laissez-moi analyser la différence entre l'utilisation des fonctions de tableau new Array() et var arr=[] en JavaScript. Apprenons ensemble.

De nombreux amis qui apprennent JavaScript ne savent pas comment distinguer les fonctions de tableau new Array() et var arr=[], ni comment les utiliser. Jetons un coup d'œil à notre résumé ci-dessous.

var arr=[]

Ceci est une méthode littérale de définition d'un tableau

var arr=new Array()

Ceci est une méthode de appeler un tableau Le tableau généré par le constructeur

Les deux méthodes ci-dessus pour définir des tableaux sont identiques et différentes

Actuellement, nous sommes généralement d'accord sur ce qui suit

Utilisez le nouveau mot-clé pour supprimer de la mémoire L'ouverture d'une adresse de stockage consomme des ressources et de la mémoire.

La méthode littérale est relativement simple pour ouvrir directement un champ de stockage dans la mémoire et ne consomme pas de ressources.

Ne nions pas le conclusion ci-dessus en premier. Non.

Tout d'abord, fonctionnellement parlant, var =arr=[] et var arr= new Array() sont identiques.

Utilisons ensuite un morceau de code. pour le vérifier

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);

Chaque élément des tableaux test1 et test2 ci-dessus est un tableau, et vous pouvez commenter n'importe quelle ligne de code dans l'ordre. Je l'ai testé plus de 10 fois

. Le résultat

36**
36**

Les deux temps ci-dessus durent tous les deux environ 3600 secondes, de haut en bas, il n'y a pas de grande différence

Ma course l'heure est MacBook Air (13 pouces, mi-2013), processeur : Intel Core i5 à 1,3 GHz, mémoire : 4 Go 1600 MHz DDR3, outil JS Runner

Pensons donc qu'il n'y a pas beaucoup de différence entre les deux ci-dessus méthodes.

La seule différence de syntaxe entre [ ] et new Array() est que new Array() peut définir directement la longueur du tableau

new Array() a les méthodes suivantes lors de la construction un tableau

var arr = new Array();
var arr = new Array(8);
var arr = new Array("c", "d", "e");
Mode littéral
var d = ["111", "222", "333"];

Il n'y a donc pas beaucoup de différence entre ces deux méthodes en termes de performances, c'est juste un habitude d'utilisation, et la valeur littérale est plus simple

Prendre du recul, si j'utilise var arr=['111','222','333'] lors de la définition d'un tableau, ce n'est pas le cas. il ouvre une adresse de stockage dans la mémoire via le constructeur ?

Un résumé de quelques méthodes courantes de array Array en js

var list = new Array() est ce que nous écrivons souvent dans le code js, aujourd'hui je vais résumer les méthodes dont dispose l'objet Array.

list[0] = 0;

list[1] = 1;

list[2] = 2;

Ou déclarez-le comme ceci : var list = [0,1,2]

1 shift()t : Supprime le premier élément du tableau et renvoie la valeur supprimée. Voici 0

2 unshift(3,4) : charge les paramètres à l'avant du tableau et renvoie la longueur du tableau. Maintenant list : is 3,4,0,1,2

3pop() : supprime le dernier élément du tableau et renvoie la valeur supprimée. Voici 2.

4push(3) : Charge les paramètres à la fin du tableau et renvoie la longueur du tableau Maintenant dans la liste : 0,1,2,3

. 5concat(3, 4) : Assemblez les deux tableaux ensemble.

6splice(start,deleteCount,val1,val2,...) : Supprimez les éléments deleteCount de la position de départ et insérez val1, val2,... à partir de cette position

reverse : Inversez le array
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) : Trier le tableau en fonction des paramètres spécifiés
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 ) : renvoie un nouveau tableau composé d'éléments compris entre l'index de début spécifié et l'index de fin dans le tableau d'origine
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) : Combinez les éléments du tableau en une chaîne, utilisez le séparateur comme le séparateur, s'il est omis, la virgule par défaut est utilisée comme séparateur
var a = [1,2,3,4,5]
var b = a.join("|" //a); : [1,2,3,4,5] b : "1|2|3|4|5"

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde. avenir.

Articles connexes :

Interprétation détaillée de la communication père-fils dans vue

Introduction détaillée à l'utilisation de ref ($refs) dans Vue.js

$refs accéder au DOM dans Vue (tutoriel détaillé)

Comment obtenir la page inférieure désactivant l'effet de glissement sous le fenêtre pop-up dans jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!