如何在 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);
});
输出: