Javascript中Array用法實(shí)例分析
本文實(shí)例講述了Javascript中Array用法。分享給大家供大家參考。具體分析如下:
JavaScript中的Array對(duì)象就是數(shù)組,首先是一個(gè)動(dòng)態(tài)數(shù)組,而且是一個(gè)像C#、Java中“數(shù)組、List、HashMap/Dictionary”等的超強(qiáng)綜合體。
Array數(shù)組
使用方式:
例1:
var citys = new Array();
//創(chuàng)建數(shù)組對(duì)象,無(wú)需初始化長(zhǎng)度,動(dòng)態(tài)
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數(shù)組
var arr=['哈尼族','壯族','滿族','漂族'];
for(var item in arr){
alert(item+'===='+arr[item]);
}
Array鍵值對(duì)
使用方式
例如:
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]);
}
遍歷Array鍵值對(duì)
forin循環(huán)
var arr={name:'James',age:28};
for(var item in arr){
alert(item+'==='+arr[item]);
}
通過(guò)對(duì)象.鍵
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);
}
//當(dāng)然forin也可以,但麻煩
for(var item in code.children){
alert(item+'>>'+code.children[item].name+'==='+code.children[item].age);
}
Array比較
自定義一個(gè)通用的比較方法
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
}
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
Javascript作用域(局部和全局作用域)詳細(xì)介紹
作用域是當(dāng)前的執(zhí)行上下文,值和表達(dá)式在其中“可見(jiàn)”或可被訪問(wèn),本文主要介紹了Javascript局部作用域和全局作用域,文中有詳細(xì)的代碼示例,具有一定的參考價(jià)值,需要的朋友可以借鑒一下2023-06-06
layui時(shí)間控件選擇時(shí)間范圍的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui時(shí)間控件選擇時(shí)間范圍的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
詳解CocosCreator華容道數(shù)字拼盤(pán)
這篇文章主要介紹了詳解CocosCreator華容道數(shù)字拼盤(pán),對(duì)華容道感興趣的同學(xué),看完之后,可以回去親手試一下2021-04-04
不使用jquery實(shí)現(xiàn)js打字效果示例分享
js打字效果示例js打字效果示例,data-period設(shè)置從打字返回刪字的時(shí)間,data-rotate可加減中英文詞語(yǔ),不用jquery支持2014-01-01
javascript檢查瀏覽器是否已經(jīng)啟用XX功能
本文給大家分享的是檢測(cè)瀏覽器是否支持cookie功能,檢查瀏覽器是否已經(jīng)啟用Java支持功能以及獲取當(dāng)前瀏覽器的信息,十分的實(shí)用,有需要的小伙伴可以參考下。2015-07-07
js實(shí)現(xiàn)的點(diǎn)擊div區(qū)域外隱藏div區(qū)域
這篇文章主要介紹了通過(guò)js實(shí)現(xiàn)點(diǎn)擊div區(qū)域外隱藏div區(qū)域,原理及示例代碼如下2014-06-06
原生js仿jquery實(shí)現(xiàn)對(duì)Ajax的封裝
大家都知道jquery在我們?nèi)粘i_(kāi)發(fā)中的使用頻率非常高,但jquery說(shuō)到底還是對(duì)js的封裝,我們不能光會(huì)使用,只有知道了其中的遠(yuǎn)離才能更好的使用,所以這篇文章主要介紹的是原生js仿jquery實(shí)現(xiàn)對(duì)Ajax封裝的方法。2016-10-10
微信小程序 調(diào)用遠(yuǎn)程接口 給全局?jǐn)?shù)組賦值代碼實(shí)例
這篇文章主要介紹了微信小程序 調(diào)用遠(yuǎn)程接口 給全局?jǐn)?shù)組賦值代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08

