Home >Web Front-end >JS Tutorial >How to use arrays in jQuery? (with examples)

How to use arrays in jQuery? (with examples)

不言Original: 2018-12-27 14:38:045086browse

Arrays are used to store multiple collections of the same type of data. This article will introduce to you how to use arrays in How to use arrays in How to use arrays in jQuery? (with examples)? (with examples). Let’s take a look at the specific content.

How to use arrays in How to use arrays in jQuery? (with examples)? (with examples)

For example, now to calculate the result of adding five numbers, we might do it like below

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

But, this is just Because there are five numbers, if you have 100 numbers or more, it is not practical to do this because there are too many defined quantities.

So, we can use arrays and for loops to solve this problem

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

In this way, we can calculate the result of adding 0 to 4, but this is usually C language Or the usage in Java, let's take a look at the usage of arrays in How to use arrays in How to use arrays in jQuery? (with examples)? (with examples).

In How to use arrays in How to use arrays in jQuery? (with examples)? (with examples), the array is declared as follows:

var 数组名 = [元素1,元素2,元素3,…];

How to use arrays in How to use arrays in jQuery? (with examples)? (with examples) uses the "each" method instead of the "for loop" to process arrays.

Let’s look at a specific example

The code is as follows

<!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>How to use arrays in How to use arrays in jQuery? (with examples)? (with examples)</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>

Open the console and you can see the running results as follows

How to use arrays in How to use arrays in jQuery? (with examples)? (with examples)

Summary: This article ends here. For more exciting content, you can pay attention to the relevant tutorial columns of the php Chinese website for further understanding and learning! ! !

The above is the detailed content of How to use arrays in jQuery? (with examples). For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to use number object in javascriptNext article：How to use number object in javascript

See more

How to use arrays in jQuery? (with examples)

Related articles