この記事の例では、JavaScript での Array の使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
JavaScriptのArrayオブジェクトは配列です まず動的配列であり、C#やJavaの「配列、リスト、ハッシュマップ/辞書」のような超複雑なものです。
配列 配列
使用方法:
例 1:
var citys = new Array(); //创建数组对象,无需初始化长度,动态 citys[0] = '上海'; citys[1] ='北京'; citys[2] = '深圳'; for(var i=0; i< citys.length; i++){ alert(citys[i]); }
例 2 (推奨):
var arr=[10,true,'哇咔咔']; for(var i=0;i<arr.length;i++){ alert(arr[i]); }
forin は Array 配列を走査します
var arr=['哈尼族','壮族','满族','漂族']; for(var item in arr){ alert(item+'===='+arr[item]); }
配列のキーと値のペア
使用方法
例:
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]); }
配列のキーと値のペアを走査
フォリンループ
var arr={name:'James',age:28}; for(var item in arr){ alert(item+'==='+arr[item]); }
object.key を渡す
var arr={name:'James',age:28}; alert(arr.name); alert(arr.age);
値を渡すメソッド
function f1(s){ alert(s.name); alert(s.age); } f1({name:'Rose',age:20});
特別な男
例 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); }
例 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); }
配列の比較
一般的な比較方法をカスタマイズする
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);
JavaScript の比較メソッド sort()
例 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);
例 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 }
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。