2021-06-15 00:49:18 -07:00
---
id: 56533eb9ac21ba0edf2244c8
2021-07-21 20:53:20 +05:30
title: Acessar propriedades de objeto com notação de colchetes
2021-06-15 00:49:18 -07:00
challengeType: 1
videoUrl: 'https://scrimba.com/c/cBvmEHP'
forumTopicId: 16163
dashedName: accessing-object-properties-with-bracket-notation
---
# --description--
2021-07-26 23:39:21 +09:00
A segunda forma para acessar as propriedades de um objeto é a notação de colchetes (`[]` ). Se a propriedade do objeto que você está tentando acessar possui um espaço no seu nome, você precisará usar a notação de colchetes.
2021-06-15 00:49:18 -07:00
2021-07-09 21:23:54 -07:00
No entanto, você ainda pode usar a notação de colchetes nas propriedades dos objetos sem espaços.
2021-06-15 00:49:18 -07:00
2021-07-09 21:23:54 -07:00
Aqui está um exemplo usando a notação de colchetes para ler uma propriedade de um objeto:
2021-06-15 00:49:18 -07:00
```js
2021-10-27 15:10:57 +00:00
const myObj = {
2021-06-15 00:49:18 -07:00
"Space Name": "Kirk",
"More Space": "Spock",
"NoSpace": "USS Enterprise"
};
2021-10-27 15:10:57 +00:00
2021-06-15 00:49:18 -07:00
myObj["Space Name"];
myObj['More Space'];
myObj["NoSpace"];
```
2021-07-09 21:23:54 -07:00
`myObj["Space Name"]` seria a string `Kirk` , `myObj['More Space']` seria a string `Spock` e `myObj["NoSpace"]` seria a string `USS Enterprise` .
2021-06-15 00:49:18 -07:00
2021-07-09 21:23:54 -07:00
Note que os nomes das propriedades com espaços neles precisam estar entre aspas (simples ou duplas).
2021-06-15 00:49:18 -07:00
# --instructions--
2021-07-09 21:23:54 -07:00
Leia os valores das propriedades `an entree` e `the drink` de `testObj` usando notação de colchetes e atribua-os a `entreeValue` e `drinkValue` respectivamente.
2021-06-15 00:49:18 -07:00
# --hints--
2021-07-09 21:23:54 -07:00
`entreeValue` devem ser uma string
2021-06-15 00:49:18 -07:00
```js
assert(typeof entreeValue === 'string');
```
2021-07-09 21:23:54 -07:00
O valor de `entreeValue` deve ser a string `hamburger`
2021-06-15 00:49:18 -07:00
```js
assert(entreeValue === 'hamburger');
```
2021-07-09 21:23:54 -07:00
`drinkValue` deve ser uma string
2021-06-15 00:49:18 -07:00
```js
assert(typeof drinkValue === 'string');
```
2021-07-09 21:23:54 -07:00
O valor de `drinkValue` deve ser a string `water`
2021-06-15 00:49:18 -07:00
```js
assert(drinkValue === 'water');
```
2021-07-09 21:23:54 -07:00
Você deve usar a notação de colchetes duas vezes
2021-06-15 00:49:18 -07:00
```js
assert(code.match(/testObj\s*?\[('|")[^'"]+\1\]/g).length > 1);
```
# --seed--
## --after-user-code--
```js
(function(a,b) { return "entreeValue = '" + a + "', drinkValue = '" + b + "'"; })(entreeValue,drinkValue);
```
## --seed-contents--
```js
// Setup
2021-10-27 15:10:57 +00:00
const testObj = {
2021-06-15 00:49:18 -07:00
"an entree": "hamburger",
"my side": "veggies",
"the drink": "water"
};
// Only change code below this line
2021-10-27 15:10:57 +00:00
const entreeValue = testObj; // Change this line
const drinkValue = testObj; // Change this line
2021-06-15 00:49:18 -07:00
```
# --solutions--
```js
2021-10-27 15:10:57 +00:00
const testObj = {
2021-06-15 00:49:18 -07:00
"an entree": "hamburger",
"my side": "veggies",
"the drink": "water"
};
2021-10-27 15:10:57 +00:00
const entreeValue = testObj["an entree"];
const drinkValue = testObj['the drink'];
2021-06-15 00:49:18 -07:00
```