¿Cómo usar una array con jQuery?

La array es una estructura de datos lineal. Las arrays en JavaScript son listas mutables con algunos métodos integrados, podemos definir arrays usando el literal de array.

Sintaxis y declaración:

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

Tipo de array: el tipo de una array es » objeto «.

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

Enfoque de iteración: usamos la propiedad de longitud de la array para iterar en la array.

var arr=[1,2,3];
for(var i=0;i<arr.length;i++)
{
    console.log(arr[i]);
}

Producción:

1
2
3

Enfoque de iteración usando JQuery: jQuery proporciona una función .each genérica para iterar sobre los elementos de las arrays, así como las propiedades de los objetos. La función jquery .each() se puede usar para iterar sobre cualquier colección, ya sea un objeto o una array. 

En el caso de una array, a la devolución de llamada se le pasa un índice de array y un valor de array correspondiente cada vez. (También se puede acceder al valor a través de esta palabra clave, pero Javascript siempre envolverá este valor como un objeto incluso si es una string simple o un valor numérico). El método devuelve su primer argumento, el objeto que se iteró.

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

    // Index represents key 

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

Producción:

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

Ejemplo:

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<arr.length;i++)
{
    console.log(arr[i]);
}
 
console.log("type of array -> "+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);
});

Producción:

Publicación traducida automáticamente

Artículo escrito por sharmaharsh_05 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *