jQuery中數(shù)組的使用方法

發(fā)布時(shí)間：2020-08-28 10:27:30 來源：億速云閱讀：166 作者：小新欄目：web開發(fā)

小編給大家分享一下jQuery中數(shù)組的使用方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

數(shù)組是用于儲(chǔ)存多個(gè)相同類型數(shù)據(jù)的集合

jQuery中數(shù)組的使用方法

例如，現(xiàn)在要計(jì)算相加的五個(gè)數(shù)字的結(jié)果，我們可能會(huì)像下面這樣做

var a = 0;
var b = 1;
var c = 2;
var d = 3;
var e = 4;
var f = a + b + c + d + e;

但是，這只是因?yàn)橛形鍌€(gè)數(shù)，如果你有100個(gè)數(shù)或者更多的話，這樣做起來就不太現(xiàn)實(shí)了，因?yàn)槎x的量太多了。

所以，我們可以使用數(shù)組以及for循環(huán)來解決這個(gè)問題

var num = [0, 1, 2, 3, 4];
var sum = 0;
  for(i = 0;i < 5;i++){
    sum = sum + num[i];
  }

這樣就可以計(jì)算0到4相加的結(jié)果，但這個(gè)通常是C語言或者Java里面的用法，下面我們就來看看jQuery中數(shù)組的用法。

在jQuery中，數(shù)組的聲明如下：

var 數(shù)組名 = [元素1,元素2,元素3,…];

jQuery中是使用“each”方法而不是“for 循環(huán)”來處理數(shù)組。

我們來看具體的示例

代碼如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script type="text/javascript" src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
    <title>jQuery</title>
  </head>
  <body>
    <script>
      var num = [0, 1, 2, 3, 4];
      var sum = 0;
        $.each(num, function(i, value){
          console.log(i + ":" + value);
          sum = sum + value;
        })
        console.log("answer:" + sum);
    </script>
  </body>
</html>

打開控制臺(tái)可以看到運(yùn)行結(jié)果如下

jQuery中數(shù)組的使用方法

以上是jQuery中數(shù)組的使用方法的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

jQuery中數(shù)組的使用方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽