Maison > interface Web > js tutoriel > Exemple d'analyse de l'utilisation d'un tableau dans les compétences Javascript_javascript

Exemple d'analyse de l'utilisation d'un tableau dans les compétences Javascript_javascript

WBOY
Libérer: 2016-05-16 15:55:02
original
1508 Les gens l'ont consulté

Les exemples de cet article décrivent l'utilisation de Array en Javascript. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

L'objet Array en JavaScript est un tableau Tout d'abord, c'est un tableau dynamique, et c'est un super complexe comme "array, List, HashMap/Dictionary" en C# et Java.

Tableau

Comment utiliser :

Exemple 1 :

var citys = new Array();
//创建数组对象,无需初始化长度,动态 
citys[0] = '上海'; 
citys[1] ='北京'; 
citys[2] = '深圳';
for(var i=0; i< citys.length; i++){ 
  alert(citys[i]); 
}

Copier après la connexion

Exemple 2 (recommandé) :

var arr=[10,true,'哇咔咔']; 
for(var i=0;i<arr.length;i++){ 
  alert(arr[i]); 
}

Copier après la connexion

forin parcourt le tableau Array

var arr=['哈尼族','壮族','满族','漂族']; 
for(var item in arr){ 
  alert(item+'===='+arr[item]); 
}

Copier après la connexion

Paire clé-valeur de tableau

Comment utiliser

Par exemple :

var arr=new Array(); 
arr["name"]='Jack'; 
arr["age"]=28; 
arr["gender"]='fale'; 
arr["height"]=180; 
for(var item in arr){ 
  alert(item+'===='+arr[item]); 
}

Copier après la connexion

Paires clé-valeur Traverse Array

boucle forin

var arr={name:'James',age:28}; 
for(var item in arr){ 
  alert(item+'==='+arr[item]); 
}

Copier après la connexion

Passer objet.clé

var arr={name:'James',age:28}; 
alert(arr.name); 
alert(arr.age);

Copier après la connexion

Valeur de passage de la méthode

function f1(s){ 
  alert(s.name); 
  alert(s.age); 
} 
f1({name:'Rose',age:20});

Copier après la connexion

Un gars spécial

Exemple 1 :

var arr=[{name:'James',age:19},{name:'Rose',age:18},{name:'Max',age:20}]; 
for(var i=0;i<arr.length;i++){ 
  alert(arr[i].name+'==='+arr[i].age); 
}

Copier après la connexion

Exemple 2 :

var code={name:'Max',children:[{name:'jack',age:20},{name:'rose',age:18}]}; 
alert(code.name); 
for(var i=0;i<code.children.length;i++){ 
  alert(code.children[i].name+'>>'+code.children[i].age); 
}
//当然forin也可以,但麻烦
for(var item in code.children){ 
  alert(item+'>>'+code.children[item].name+'==='+code.children[item].age); 
}

Copier après la connexion

Comparaison de tableaux

Personnaliser une méthode de comparaison commune

function max(arr,compare){ 
  var m=arr[0]; 
  for(var i=1;i<arr.length;i++){ 
 if(compare(arr[i],m)){ 
   m=arr[i]; 
 } 
  } 
  return m; 
}
var s1=max([12,32,33,100,8],function(n1,n2){ 
  return n1>n2; 
}); 
alert(s1);
var s2=max(["aa","bbbb","ccc"],function(n1,n2){ 
  return n1.length>n2.length; 
});
alert(s2);

Copier après la connexion

Méthode de comparaison sort() en Javascript

Exemple 1 :

var arr=[23,12,56,200,45]; 
arr.sort(function(n1,n2){ 
  return n1>n2; 
}); 
alert(arr);
var arrStr=["aa","bbb","cccc"]; 
arrStr.sort(function(n1,n2){ 
  return n1.length>n2.length; 
}); 
alert(arrStr);

Copier après la connexion

Exemple 2 :

var arr=[{name:'Bob',age:100},{name:'Tom',age:23},{name:'Rose',age:78}]; 
arr.sort(function(n1,n2){ 
  return n1.age>n2.age; 
}); 
for(var i=0;i<arr.length;i++){ 
  alert(arr[i].name);//Tom,Rose,Bob 
}

Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal