Scribd
Cargar
66 vistas

Array

El objeto Array de JavaScript es un objeto global que se usa para construir arrays o listas. Los arrays son objetos similares a listas que almacenan una colección de elementos de longitud variable y tipo variable, y proveen métodos para recorrerlos y modificarlos. Las operaciones comunes con arrays incluyen crearlos, acceder a sus elementos, recorrerlos, agregar y eliminar elementos.

Cargado por

Catalina
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
66 vistas

Array

El objeto Array de JavaScript es un objeto global que se usa para construir arrays o listas. Los arrays son objetos similares a listas que almacenan una colección de elementos de longitud variable y tipo variable, y proveen métodos para recorrerlos y modificarlos. Las operaciones comunes con arrays incluyen crearlos, acceder a sus elementos, recorrerlos, agregar y eliminar elementos.

Cargado por

Catalina
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 7

Array

El objeto Array de JavaScript es un objeto global que es usado en la


construcción de arrays, que son objetos tipo lista de alto nivel.
Descripción

Los arrays son objetos similares a una lista cuyo prototipo proporciona


métodos para efectuar operaciones de recorrido y de mutación. Tanto
la longitud como el tipo de los elementos de un array son variables.
Dado que la longitud de un array puede cambiar en cualquier
momento, y los datos se pueden almacenar en ubicaciones no
contiguas, no hay garantía de que los arrays de JavaScript sean
densos; esto depende de cómo el programador elija usarlos. En
general estas características son cómodas, pero si, en su caso
particular, no resultan deseables, puede considerar el uso
de arrays con tipo.

Operaciones habituales

Crear un Array

let frutas = ["Manzana", "Banana"]

console.log(frutas.length)

// 2

Acceder a un elemento de Array mediante su índice

let primero = frutas[0]

// Manzana

let ultimo = frutas[frutas.length - 1]

// Banana
Recorrer un Array

frutas.forEach(function(elemento, indice, array) {

console.log(elemento, indice);

})

// Manzana 0

// Banana 1

Añadir un elemento al final de un Array

let nuevaLongitud = frutas.push('Naranja') // Añade "Naranja" al final

// ["Manzana", "Banana", "Naranja"]

Eliminar el último elemento de un Array

let ultimo = frutas.pop() // Elimina "Naranja" del final

// ["Manzana", "Banana"]

Añadir un elemento al principio de un Array

let nuevaLongitud = frutas.unshift('Fresa') // Añade "Fresa" al inicio

// ["Fresa" ,"Manzana", "Banana"]

Eliminar el primer elemento de un Array

let primero = frutas.shift() // Elimina "Fresa" del inicio

// ["Manzana", "Banana"]
Encontrar el índice de un elemento del Array

frutas.push('Fresa')

// ["Manzana", "Banana", "Fresa"]

let pos = frutas.indexOf('Banana') // (pos) es la posición para abreviar

// 1

Eliminar un único elemento mediante su posición

  Ejemplo:
Eliminamos "Banana" del array pasándole dos parámetros: la
posición del primer elemento que se elimina y el número de
elementos que queremos eliminar. De esta forma, .splice(pos,
1) empieza en la posición que nos indica el valor de la
variable pos y elimina 1 elemento. En este caso, como pos vale
1, elimina un elemento comenzando en la posición 1
del array, es decir "Banana".

let elementoEliminado = frutas.splice(pos, 1)

// ["Manzana", "Fresa"]

Eliminar varios elementos a partir de una posición

  Nota:
Con .splice() no solo se puede eliminar elementos del array,
si no que también podemos extraerlos guardándolo en un
nuevo array. ¡Ojo! que al hacer esto estaríamos modificando
el array de origen.

let vegetales = ['Repollo', 'Nabo', 'Rábano', 'Zanahoria']

console.log(vegetales)

// ["Repollo", "Nabo", "Rábano", "Zanahoria"]


let pos = 1, numElementos = 2

let elementosEliminados = vegetales.splice(pos, numElementos)

// ["Nabo", "Rábano"] ==> Lo que se ha guardado en "elementosEliminados"

console.log(vegetales)

// ["Repollo", "Zanahoria"] ==> Lo que actualmente tiene "vegetales"

Copiar un Array

let copiaArray = vegetales.slice();

// ["Repollo", "Zanahoria"]; ==> Copiado en "copiaArray"

Acceso a elementos de un  array

Los índices de los arrays de JavaScript comienzan en cero, es decir, el


índice del primer elemento de un array es 0, y el del último elemento es
igual al valor de la propiedad length del array restándole 1.

Si se utiliza un número de índice no válido, se obtendrá undefined.

let arr = ['este es el primer elemento', 'este es el segundo elemento', 'este


es el último elemento']

console.log(arr[0]) // escribe en consola 'este es el primer


elemento'

console.log(arr[1]) // escribe en consola 'este es el segundo


elemento'

console.log(arr[arr.length - 1]) // escribe en consola 'este es el último


elemento'

Los elementos de un array pueden considerarse propiedades del


objeto tanto como toString (sin embargo, para ser
precisos, toString() es un método). Sin embargo, se obtendrá un error
de sintaxis si se intenta acceder a un elemento de un array de la forma
siguiente, ya que el nombre de la propiedad no sería válido:

console.log(arr.0) // error de sintaxis

No hay nada especial ni en los arrays de JavaScript ni en sus


propiedades que ocasione esto. En JavaScript, las propiedades cuyo
nombre comienza con un dígito no pueden referenciarse con la
notación punto y debe accederse a ellas mediante la notación
corchete.

Por ejemplo, dado un objeto con una propiedad de nombre '3d', sólo


podría accederse a dicha propiedad con la notación corchete.

let decadas = [1950, 1960, 1970, 1980, 1990, 2000, 2010]

console.log(decadas.0) // error de sintaxis

console.log(decadas[0]) // funciona correctamente

renderizador.3d.usarTextura(modelo, 'personaje.png')

renderizador['3d'].usarTextura(modelo, 'personaje.png')

Obsérvese que, en el último ejemplo, ha sido necesario


poner '3d' entre comillas. Es posible usar también comillas con los
índices del los arrays de JavaScript (p. ej., decadas['2'] en vez
de decadas[2]), aunque no es necesario.

El motor de JavaScript transforma en un string el 2 de decadas[2] a


través de una conversión implícita mediante toString. Por
tanto, '2' y '02' harían referencia a dos posiciones diferentes en el
objeto decadas, y el siguiente ejemplo podría dar true como resultado:

console.log(decadas['2'] != decadas['02'])

Relación entre length y las propiedades numéricas

La propiedad length de un array de JavaScript está conectada con


algunas otras de sus propiedades numéricas.
Varios de los métodos propios de un array (p.
ej., join(), slice(), indexOf(), etc.) tienen en cuenta el valor de la
propiedad length de un array cuando se les llama.

Otros métodos (p. ej., push(), splice(), etc.) modifican la


propiedad length de un array.

const frutas = []

frutas.push('banana', 'manzana', 'pera')

console.log(frutas.length) // 3

Cuando se le da a una propiedad de un array JavaScript un valor que


corresponda a un índice válido para el array pero que se encuentre
fuera de sus límites, el motor actualizará el valor de la
propiedad length como corresponda:

frutas[5] = 'fresa'

console.log(frutas[5]) // 'fresa'

console.log(Object.keys(frutas)) // ['0', '1', '2', '5']

console.log(frutas.length) // 6

Si se aumenta el valor de length:

frutas.length = 10

console.log(frutas) // ['banana', 'manzana', 'pera', <2 empty


items>, 'fresa', <4 empty items>]

console.log(Object.keys(frutas)) // ['0', '1', '2', '5']

console.log(frutas.length) // 10

console.log(frutas[8]) // undefined

Si se disminuye el valor de la propiedad length pueden eliminarse


elementos:
frutas.length = 2

console.log(Object.keys(frutas)) // ['0', '1']

console.log(frutas.length) // 2

Hay más información sobre este tema en la página sobre Array.length.

Creación de un array a partir de una expresión regular

El resultado de una búsqueda con una RegExp en un string puede crear


un array de JavaScript. Este array tendrá propiedades y elementos que
proporcionan información sobre la correspondencia encontrada. Para
obtener un array de esta forma puede
utilizarse RegExp.exec(), String.match() o String.replace().

El siguiente ejemplo, y la tabla que le sigue, pueden ayudar a


comprender mejor las propiedades y elementos a los que nos
referimos:

// Buscar una d seguida de una o más b y, al final, de otra d

// Recordar las b y la d final

// No distinguir mayúsculas y minúsculas

const miRe = /d(b+)(d)/i

const miArray = miRe.exec('cdbBdbsbz')

Las propiedades y elementos que se obtienen de esta búsqueda son


los siguientes:

También podría gustarte