📜  如何在 jQuery 中使用数组?

📅  最后修改于: 2022-05-13 01:55:56.254000             🧑  作者: Mango

如何在 jQuery 中使用数组?

数组是线性数据结构。 JavaScript 中的数组是具有一些内置方法的可变列表,我们可以使用数组字面量量定义数组。

语法和声明:

var arr1=[];
var arr2=[1,2,3];
var arr2=["India","usa","uk"];

数组类型:数组的类型是“对象”。

var arr=[1,2,3];
console.log(typeof(arr)); //--> object

迭代方法:我们使用数组的长度属性在数组中进行迭代。

var arr=[1,2,3];
for(var i=0;i

输出:

1
2
3

使用 JQuery 的迭代方法:jQuery提供了一个通用的 .each函数来迭代数组的元素以及对象的属性。 jquery .each()函数可用于迭代任何集合,无论是对象还是数组。

在数组的情况下,回调每次都会传递一个数组索引和一个对应的数组值。 (该值也可以通过 this 关键字访问,但 Javascript 将始终将此值包装为 Object,即使它是简单的字符串或数字值。)该方法返回其第一个参数,即被迭代的对象。

var arr = [ "hello","from","Gfg" ];
jQuery.each( arr, function( index, value ) {

    // Index represents key 

    // Value represents value
  console.log( "index", index, "value", value );
});

输出:

index 0 value hello
index 1 value from 
index 2 value Gfg

例子:

Javascript
const jsdom = require('jsdom');
const dom = new jsdom.JSDOM("");
const jquery = require('jquery')(dom.window);
 
 
// Usually we traverse 
console.log("Simply traversing in array");
var arr=["hello","from","GFG"];
for(var i=0;i "+typeof(arr));
 
// Traversing using jQuery method
console.log("traversing in array using jQuery");
jquery.each(arr, function(index,value) {
    console.log('index: ' + index + '   ' + 'value: ' + value);
});


输出: