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ì)象,無需初始化長度,動(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]); }
通過對(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)文章
Vue.js實(shí)現(xiàn)頁面后退時(shí)還原滾動(dòng)位置的操作方法
Vuet看起來也不是很復(fù)雜,只需要定義好模塊狀態(tài),然后在組件中設(shè)置對(duì)應(yīng)的規(guī)則來更新模塊的狀態(tài)即可,這篇文章主要介紹了Vue.js實(shí)現(xiàn)頁面后退時(shí)還原滾動(dòng)位置的實(shí)現(xiàn)方法,需要的朋友可以參考下2022-07-07深入了解JavaScript中的二進(jìn)制操作及位掩碼應(yīng)用
在JavaScript中,二進(jìn)制操作可以說是一項(xiàng)非常強(qiáng)大和有用的技能,尤其是在處理數(shù)據(jù)和位掩碼時(shí),它們是不可或缺的,本文將介紹JavaScript中的二進(jìn)制操作,包括什么是二進(jìn)制以及如何在JavaScript中進(jìn)行二進(jìn)制操作2023-06-06JavaScript實(shí)現(xiàn)移動(dòng)小精靈的案例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)移動(dòng)小精靈的案例代碼,本文分步驟給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-12-12簡單幾行JS Code實(shí)現(xiàn)IE郵件轉(zhuǎn)發(fā)新浪微博
大概就是說我們可以用window.external.menuArguments這個(gè)對(duì)象獲取到內(nèi)部的信息,如window,document這些常用的對(duì)象2013-07-07BootStrap實(shí)現(xiàn)輪播圖效果(收藏)
這篇文章主要介紹了BootStrap實(shí)現(xiàn)輪播圖效果,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12JavaScript對(duì)象與JSON格式的轉(zhuǎn)換及JSON.stringify和JSON.parse的使用方法
這篇文章主要介紹了JavaScript對(duì)象與JSON格式的轉(zhuǎn)換及JSON.stringify和JSON.parse的使用方法,JSON是JavaScript表達(dá)值和對(duì)象的通用數(shù)據(jù)格式,其本質(zhì)就是符合一定規(guī)范的字符串2022-07-07Canvas 制作動(dòng)態(tài)進(jìn)度加載水球詳解及實(shí)例代碼
這篇文章主要介紹了Canvas 制作動(dòng)態(tài)進(jìn)度加載水球詳解及實(shí)例代碼的相關(guān)資料,這里附有實(shí)例代碼及實(shí)現(xiàn)效果圖,需要的朋友可以參考下2016-12-12ztree獲取當(dāng)前選中節(jié)點(diǎn)子節(jié)點(diǎn)id集合的方法
這篇文章主要介紹了ztree獲取當(dāng)前選中節(jié)點(diǎn)子節(jié)點(diǎn)id集合的方法,實(shí)例分析了ztree的方法transformToArray使用技巧,需要的朋友可以參考下2015-02-02JavaScript實(shí)現(xiàn)公告欄上下滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)公告欄上下滾動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03JavaScript正則替換HTML標(biāo)簽功能示例
這篇文章主要介紹了JavaScript正則替換HTML標(biāo)簽功能,結(jié)合完整實(shí)例形式詳細(xì)分析了javascript正則替換字符串操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03