115 lines
5.4 KiB
Markdown
115 lines
5.4 KiB
Markdown
---
|
||
id: 56533eb9ac21ba0edf2244cb
|
||
title: Manipulating Complex Objects
|
||
challengeType: 1
|
||
videoUrl: https://scrimba.com/c/c9yNMfR
|
||
forumTopicId: 18208
|
||
localeTitle: Манипулирование сложными объектами
|
||
---
|
||
|
||
## Description
|
||
<section id='description'>
|
||
Иногда вы можете хранить данные в гибкой <dfn>структуре данных</dfn> . Объект JavaScript - это один из способов обработки гибких данных. Они допускают произвольные комбинации <dfn>строк</dfn> , <dfn>чисел</dfn> , <dfn>булевых элементов</dfn> , <dfn>массивов</dfn> , <dfn>функций</dfn> и <dfn>объектов</dfn> . Вот пример сложной структуры данных: <blockquote> var ourMusic = [ <br> { <br> «художник»: «Daft Punk», <br> «title»: «Домашнее задание», <br> "release_year": 1997, <br> «Форматы»: [ <br> "CD", <br> "Кассета", <br> "LP" <br> ], <br> "gold": true <br> } <br> ]; </blockquote> Это массив, содержащий один объект внутри. Объект имеет различные фрагменты <dfn>метаданных</dfn> об альбоме. Он также имеет вложенный массив <code>"formats"</code> . Если вы хотите добавить больше записей альбомов, вы можете сделать это, добавив записи в массив верхнего уровня. Объекты хранят данные в свойстве, которое имеет формат ключа. В приведенном выше примере <code>"artist": "Daft Punk"</code> - это свойство, которое имеет ключ от <code>"artist"</code> и значение <code>"Daft Punk"</code> . <a href="http://www.json.org/" target="_blank">Обозначение объекта JavaScript</a> или <code>JSON</code> - это связанный с ними формат обмена данными, используемый для хранения данных. <blockquote> { <br> «художник»: «Daft Punk», <br> «title»: «Домашнее задание», <br> "release_year": 1997, <br> «Форматы»: [ <br> "CD", <br> "Кассета", <br> "LP" <br> ], <br> "gold": true <br> } </blockquote> <strong>Заметка</strong> <br> Вам нужно будет поместить запятую после каждого объекта в массиве, если это не последний объект в массиве.
|
||
</section>
|
||
|
||
## Instructions
|
||
<section id='instructions'>
|
||
Добавьте новый альбом в массив <code>myMusic</code> . Добавьте строки <code>artist</code> и <code>title</code> , номер <code>release_year</code> и массив <code>formats</code> строк.
|
||
</section>
|
||
|
||
## Tests
|
||
<section id='tests'>
|
||
|
||
```yml
|
||
tests:
|
||
- text: <code>myMusic</code> should be an array
|
||
testString: assert(Array.isArray(myMusic));
|
||
- text: <code>myMusic</code> should have at least two elements
|
||
testString: assert(myMusic.length > 1);
|
||
- text: <code>myMusic[1]</code> should be an object
|
||
testString: assert(typeof myMusic[1] === 'object');
|
||
- text: <code>myMusic[1]</code> should have at least 4 properties
|
||
testString: assert(Object.keys(myMusic[1]).length > 3);
|
||
- text: <code>myMusic[1]</code> should contain an <code>artist</code> property which is a string
|
||
testString: assert(myMusic[1].hasOwnProperty('artist') && typeof myMusic[1].artist === 'string');
|
||
- text: <code>myMusic[1]</code> should contain a <code>title</code> property which is a string
|
||
testString: assert(myMusic[1].hasOwnProperty('title') && typeof myMusic[1].title === 'string');
|
||
- text: <code>myMusic[1]</code> should contain a <code>release_year</code> property which is a number
|
||
testString: assert(myMusic[1].hasOwnProperty('release_year') && typeof myMusic[1].release_year === 'number');
|
||
- text: <code>myMusic[1]</code> should contain a <code>formats</code> property which is an array
|
||
testString: assert(myMusic[1].hasOwnProperty('formats') && Array.isArray(myMusic[1].formats));
|
||
- text: <code>formats</code> should be an array of strings with at least two elements
|
||
testString: assert(myMusic[1].formats.every(function(item) { return (typeof item === "string")}) && myMusic[1].formats.length > 1);
|
||
|
||
```
|
||
|
||
</section>
|
||
|
||
## Challenge Seed
|
||
<section id='challengeSeed'>
|
||
|
||
<div id='js-seed'>
|
||
|
||
```js
|
||
var myMusic = [
|
||
{
|
||
"artist": "Billy Joel",
|
||
"title": "Piano Man",
|
||
"release_year": 1973,
|
||
"formats": [
|
||
"CD",
|
||
"8T",
|
||
"LP"
|
||
],
|
||
"gold": true
|
||
}
|
||
// Add record here
|
||
];
|
||
|
||
```
|
||
|
||
</div>
|
||
|
||
### After Tests
|
||
<div id='js-teardown'>
|
||
|
||
```js
|
||
(function(x){ if (Array.isArray(x)) { return JSON.stringify(x); } return "myMusic is not an array"})(myMusic);
|
||
|
||
```
|
||
|
||
</div>
|
||
|
||
</section>
|
||
|
||
## Solution
|
||
<section id='solution'>
|
||
|
||
```js
|
||
var myMusic = [
|
||
{
|
||
"artist": "Billy Joel",
|
||
"title": "Piano Man",
|
||
"release_year": 1973,
|
||
"formats": [
|
||
"CS",
|
||
"8T",
|
||
"LP" ],
|
||
"gold": true
|
||
},
|
||
{
|
||
"artist": "ABBA",
|
||
"title": "Ring Ring",
|
||
"release_year": 1973,
|
||
"formats": [
|
||
"CS",
|
||
"8T",
|
||
"LP",
|
||
"CD",
|
||
]
|
||
}
|
||
];
|
||
```
|
||
|
||
</section>
|