60 lines
3.5 KiB
Markdown
60 lines
3.5 KiB
Markdown
---
|
|
id: 5a661e0f1068aca922b3ef17
|
|
title: Access an Array's Contents Using Bracket Notation
|
|
challengeType: 1
|
|
videoUrl: ''
|
|
localeTitle: Acceder a los contenidos de una matriz 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 una matriz, comencemos a pensar cómo podemos acceder a la información de esa matriz. Cuando definimos una matriz simple como se ve a continuación, hay 3 elementos en ella: <blockquote> deje que ourArray = ["a", "b", "c"]; </blockquote> En una matriz, cada elemento de la matriz tiene un <dfn>índice</dfn> . Este índice se duplica como la posición de ese elemento en la matriz y cómo se hace referencia a él. Sin embargo, es importante tener en cuenta que las matrices de JavaScript tienen <dfn>un índice de cero</dfn> , lo que significa que el primer elemento de una matriz está en realidad en la posición <em><strong>cero</strong></em> , no en el primero. Para recuperar un elemento de una matriz, podemos incluir un índice entre paréntesis y agregarlo al final de una matriz, o más comúnmente, a una variable que hace referencia a un objeto de matriz. 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> deja que nuestra Variable = nuestroArray [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, además de <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>
|