60 lines
3.4 KiB
Markdown
60 lines
3.4 KiB
Markdown
---
|
|
id: 5a661e0f1068aca922b3ef17
|
|
title: Access an Array's Contents Using Bracket Notation
|
|
challengeType: 1
|
|
videoUrl: ''
|
|
localeTitle: Acceder a los contenidos de un array usando notación de corchete
|
|
---
|
|
|
|
## Description
|
|
<section id="description"> La característica fundamental de cualquier estructura de datos es, por supuesto, la capacidad no solo de almacenar datos, sino también de poder recuperar esos datos en el comando. Entonces, ahora que hemos aprendido cómo crear un array, comencemos a pensar cómo podemos acceder a la información de ese array. Cuando definimos un array simple como se ve a continuación, hay 3 elementos en él: <blockquote> let ourArray = ["a", "b", "c"]; </blockquote> En un array, cada elemento del array tiene un <dfn>índice</dfn> . Este índice se duplica como la posición de ese elemento en el array y cómo se hace referencia a él. Sin embargo, es importante tener en cuenta que los arrays de JavaScript tienen <dfn>un índice de cero</dfn> , lo que significa que el primer elemento de un array está en realidad en la posición <em><strong>cero</strong></em> , no en el primero. Para recuperar un elemento de un array, podemos incluir un índice entre paréntesis y agregarlo al final del array, o más comúnmente, a una variable que hace referencia a un objeto de array. Esto se conoce como <dfn>notación de corchete</dfn> . Por ejemplo, si queremos recuperar la <code>"a"</code> de <code>ourArray</code> y asignarla a una variable, podemos hacerlo con el siguiente código: <blockquote> let ourVariable = ourArray[0]; <br> // nuestra variable es igual a "a" </blockquote> Además de acceder al valor asociado a un índice, también puede <em>establecer</em> un índice en un valor utilizando la misma notación: <blockquote> ourArray [1] = "ya no b"; <br> // ourArray ahora es igual a ["a", "no b más", "c"]; </blockquote> Usando la notación de corchetes, ahora hemos restablecido el elemento en el índice 1 de <code>"b"</code> , a <code>"not b anymore"</code> . </section>
|
|
|
|
## Instructions
|
|
<section id="instructions"> Para completar este desafío, establezca la segunda posición (índice <code>1</code> ) de <code>myArray</code> en cualquier cosa que desee, que no sea <code>"b"</code> . </section>
|
|
|
|
## Tests
|
|
<section id='tests'>
|
|
|
|
```yml
|
|
tests:
|
|
- text: '<code>myArray[0]</code> es igual a <code>"a"</code>'
|
|
testString: 'assert.strictEqual(myArray[0], "a", "<code>myArray[0]</code> is equal to <code>"a"</code>");'
|
|
- text: '<code>myArray[1]</code> ya no está configurado en <code>"b"</code>'
|
|
testString: 'assert.notStrictEqual(myArray[1], "b", "<code>myArray[1]</code> is no longer set to <code>"b"</code>");'
|
|
- text: '<code>myArray[2]</code> es igual a <code>"c"</code>'
|
|
testString: 'assert.strictEqual(myArray[2], "c", "<code>myArray[2]</code> is equal to <code>"c"</code>");'
|
|
- text: '<code>myArray[3]</code> es igual a <code>"d"</code>'
|
|
testString: 'assert.strictEqual(myArray[3], "d", "<code>myArray[3]</code> is equal to <code>"d"</code>");'
|
|
|
|
```
|
|
|
|
</section>
|
|
|
|
## Challenge Seed
|
|
<section id='challengeSeed'>
|
|
|
|
<div id='js-seed'>
|
|
|
|
```js
|
|
let myArray = ["a", "b", "c", "d"];
|
|
// change code below this line
|
|
|
|
//change code above this line
|
|
console.log(myArray);
|
|
|
|
```
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
## Solution
|
|
<section id='solution'>
|
|
|
|
```js
|
|
// solution required
|
|
```
|
|
</section>
|