JS 數(shù)組基本用法入門示例解析

更新時(shí)間：2020年01月16日 11:19:54 作者：qq_42412646

這篇文章主要介紹了JS 數(shù)組基本用法,結(jié)合實(shí)例形式分析了JavaScript數(shù)組的定義、初始化、賦值、打印等相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS 數(shù)組基本用法。分享給大家供大家參考，具體如下：

講道理和Java差不多。

instance：

<html>
 <head>
 <title>js數(shù)組</title>
 <meta charset="UTF-8"/>
 <script type="text/javascript">
//  數(shù)組
  var arr=[5];
  console.log(arr);
  var arr=[true];
  console.log(arr);
  var arr1=new Array(5);
  arr1.length=10;
  arr1[0]=3;
  arr1[1]=true;
  arr1[2]="bingo";
  console.log(arr1[2]);
  arr1[3]=new Date();
  console.log(arr1);
  arr1.length=2;
  console.log(arr1);
  arr1.length=10;
//  數(shù)組的遍歷：低級的遍歷，高級的遍歷
  for(var n=0;n<=arr1.length;n++){
  if(n==2){
   console.log(arr1[n]);
  }
//  console.log(arr1[n]);
  }
//  var arr2=[3,true,"bingo",false]
//  arr2.length=10;
//  for(var date in arr2){
////  console.log(data);
//  console.log(arr2[date]);
//  }
////  for(var n=0;n<=arr2.length;n++){
////  console.log(arr2[n]);
//  }
 </script>
 </head>
 <body>
 </body>
</html>

運(yùn)行結(jié)果：

js的數(shù)組非常靈活，其只有var數(shù)據(jù)類型，我們建立的數(shù)組即為var類型的，所以對應(yīng)的數(shù)組的數(shù)據(jù)類型可以是所有的var(即所有類型）

注：對于數(shù)據(jù)的遍歷，其有不同的方式，利用for循環(huán)遍歷，比較高級的方式是利用in，但是需要注意的是利用in時(shí)，其var是用來計(jì)數(shù)的。即其為下標(biāo)值，所以我們用了數(shù)組名[遍歷下標(biāo)]進(jìn)行輸出數(shù)據(jù)。

（留給以后）對于數(shù)組的賦值，其可以直接進(jìn)行賦值，這種方法只能添加，利用下表進(jìn)行添加后，會運(yùn)行出錯(cuò)，數(shù)組是沒有長度的，也可以利用Array（length），進(jìn)行初建一個(gè)有固定長度的數(shù)組。這里有一點(diǎn)，arr1是利用下表進(jìn)行賦值的，在進(jìn)行遍歷輸出的時(shí)候?qū)τ诔齨umber輸出是undefined.

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript 設(shè)置文本框中焦點(diǎn)的位置
設(shè)置文本框中焦點(diǎn)的位置的實(shí)現(xiàn)代碼
2009-11-11
JavaScript中數(shù)組遍歷方法合集大全
在JavaScript中數(shù)組遍歷是常見的操作,有多種方法可以實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于JavaScript中數(shù)組遍歷方法合集的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-07-07
解決uni-app報(bào)錯(cuò)Error:?read?EBADF?at?Pipe?.?onStreamRead...
這篇文章主要介紹了uni-app報(bào)錯(cuò)Error:?read?EBADF?at?Pipe?.?onStreamRead...解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08
js實(shí)現(xiàn)為a標(biāo)簽添加事件的方法(使用閉包循環(huán))
這篇文章主要介紹了js實(shí)現(xiàn)為a標(biāo)簽添加事件的方法,基于閉包循環(huán)實(shí)現(xiàn)事件添加的功能,涉及javascript閉包與事件操作相關(guān)技巧,需要的朋友可以參考下
2016-08-08
基于JavaScript偽隨機(jī)正態(tài)分布代碼實(shí)例
這篇文章主要介紹了基于JavaScript偽隨機(jī)正態(tài)分布代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-11-11
sencha ext js 6 快速入門(必看)
下面小編就為大家?guī)硪黄猻encha ext js 6 快速入門(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
JavaScrip簡單數(shù)據(jù)類型隱式轉(zhuǎn)換的實(shí)現(xiàn)
本文主要介紹了JavaScrip簡單數(shù)據(jù)類型隱式轉(zhuǎn)換的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-05-05
JavaScript注入漏洞的原理及防范(詳解)
下面小編就為大家?guī)硪黄狫avaScript注入漏洞的原理及防范(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-12-12
js學(xué)習(xí)心得_一個(gè)簡單的動畫庫封裝tween.js
下面小編就為大家?guī)硪黄猨s學(xué)習(xí)心得_一個(gè)簡單的動畫庫封裝tween.js。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-07-07
js獲取當(dāng)前年月日詳細(xì)教程(看這一篇就夠了)
這篇文章主要給大家介紹了關(guān)于js獲取當(dāng)前年月日的相關(guān)資料,JavaScript內(nèi)置的Date對象是獲取當(dāng)前日期最常用的工具之一,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-12-12