Home > Web Front-end > JS Tutorial > body text

How to use arrays in jQuery? (with examples)

不言
Release: 2018-12-27 14:38:04
Original
5054 people have browsed it

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;
Copy after login

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];
  }
Copy after login

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,…];
Copy after login

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>
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!