* fix: move "Explore Differences Between..." to basic JS, update seed and tests * fix: resequence "Declare String Variables" * fix: move "Declare a Read-Only Variable..." to basic JS, update seed and tests * fix: revert changes to non-English "Explore Differences Between..." test text * fix: revert test strings, solutions, and seeds for non-English challenges * fix: update "Declare String Variables" description * fix: sync quotation marks in description and seed * fix: modify note in "Declare a Read-Only..." challenge * fix: update operator and compound assignment challenges * fix: update string challenges * fix: update array and array method challenges * fix: update function and scope challenges, resequence slightly * fix: "Word Blanks" solution * fix: add spacing to seed * fix: concatenating += challenge spacing * fix: appending variables to strings spacing * fix: find the length of a string spacing * fix: removed instances of removedFromMyArray = 0 * fix: switch challenges * fix: function argument and param spacing * fix: update counting cards, object challenges, and record collection * fix: finish rest of Basic JS section * fix: introducing else statements solution * fix: update spacing and wording * fix: update wording for const challenge * fix: update functional programming challenges * fix: intermediate algorithms and cert challenges * fix: revert some spacing and remove comments for fp challenge solutions * feat: add notes with links to moved let and const challenges in first two es6 challenges * fix: update es6 intro text * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fix: concatenating strings with plus operator seed * fix: add comments back to Declare a Read-Only Variable... seed * feat: add es6 to basic javascript redirect tests for let and const challenges * fix: revert "Concatenating Strings with Plus Operator" seed * fix: move test file to cypress/integration/learn/redirects, separate redirect tests Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>
180 lines
3.9 KiB
Markdown
180 lines
3.9 KiB
Markdown
---
|
|
id: 56533eb9ac21ba0edf2244cb
|
|
title: Manipulating Complex Objects
|
|
challengeType: 1
|
|
videoUrl: 'https://scrimba.com/c/c9yNMfR'
|
|
forumTopicId: 18208
|
|
dashedName: manipulating-complex-objects
|
|
---
|
|
|
|
# --description--
|
|
|
|
Sometimes you may want to store data in a flexible <dfn>Data Structure</dfn>. A JavaScript object is one way to handle flexible data. They allow for arbitrary combinations of <dfn>strings</dfn>, <dfn>numbers</dfn>, <dfn>booleans</dfn>, <dfn>arrays</dfn>, <dfn>functions</dfn>, and <dfn>objects</dfn>.
|
|
|
|
Here's an example of a complex data structure:
|
|
|
|
```js
|
|
const ourMusic = [
|
|
{
|
|
"artist": "Daft Punk",
|
|
"title": "Homework",
|
|
"release_year": 1997,
|
|
"formats": [
|
|
"CD",
|
|
"Cassette",
|
|
"LP"
|
|
],
|
|
"gold": true
|
|
}
|
|
];
|
|
```
|
|
|
|
This is an array which contains one object inside. The object has various pieces of <dfn>metadata</dfn> about an album. It also has a nested `formats` array. If you want to add more album records, you can do this by adding records to the top level array. Objects hold data in a property, which has a key-value format. In the example above, `"artist": "Daft Punk"` is a property that has a key of `artist` and a value of `Daft Punk`. [JavaScript Object Notation](http://www.json.org/) or `JSON` is a related data interchange format used to store data.
|
|
|
|
```json
|
|
{
|
|
"artist": "Daft Punk",
|
|
"title": "Homework",
|
|
"release_year": 1997,
|
|
"formats": [
|
|
"CD",
|
|
"Cassette",
|
|
"LP"
|
|
],
|
|
"gold": true
|
|
}
|
|
```
|
|
|
|
**Note:** You will need to place a comma after every object in the array, unless it is the last object in the array.
|
|
|
|
# --instructions--
|
|
|
|
Add a new album to the `myMusic` array. Add `artist` and `title` strings, `release_year` number, and a `formats` array of strings.
|
|
|
|
# --hints--
|
|
|
|
`myMusic` should be an array
|
|
|
|
```js
|
|
assert(Array.isArray(myMusic));
|
|
```
|
|
|
|
`myMusic` should have at least two elements
|
|
|
|
```js
|
|
assert(myMusic.length > 1);
|
|
```
|
|
|
|
The elements in the `myMusic` array should be objects
|
|
|
|
```js
|
|
myMusic.forEach(object => {assert.typeOf(object, 'object')})
|
|
```
|
|
|
|
Your object in `myMusic` should have at least 4 properties
|
|
|
|
```js
|
|
myMusic.forEach(object => {assert(Object.keys(object).length > 3); });
|
|
```
|
|
|
|
Your object in `myMusic` should contain the property `artist` which is a string
|
|
|
|
```js
|
|
myMusic.forEach(object => {
|
|
assert.containsAllKeys(object, ['artist']);
|
|
assert.typeOf(object.artist, 'string')
|
|
})
|
|
```
|
|
|
|
Your object in `myMusic` should contain the property `title` which is a string
|
|
|
|
```js
|
|
myMusic.forEach(object => {
|
|
assert.containsAllKeys(object, ['title']);
|
|
assert.typeOf(object.title, 'string')
|
|
})
|
|
```
|
|
|
|
Your object in `myMusic` should contain the property `release_year` which is a number
|
|
|
|
```js
|
|
myMusic.forEach(object => {
|
|
assert.containsAllKeys(object, ['release_year']);
|
|
assert.typeOf(object.release_year, 'number')
|
|
})
|
|
```
|
|
|
|
Your object in `myMusic` should contain a `formats` property which is an array
|
|
|
|
```js
|
|
myMusic.forEach(object => {
|
|
assert.containsAllKeys(object, ['formats']);
|
|
assert.typeOf(object.formats, 'array')
|
|
})
|
|
```
|
|
|
|
`formats` should be an array of strings with at least two elements
|
|
|
|
```js
|
|
myMusic.forEach(object => {
|
|
object.formats.forEach(format => {
|
|
assert.typeOf(format, 'string')
|
|
});
|
|
assert.isAtLeast(object.formats.length, 2)
|
|
})
|
|
```
|
|
|
|
# --seed--
|
|
|
|
## --after-user-code--
|
|
|
|
```js
|
|
(function(x){ if (Array.isArray(x)) { return JSON.stringify(x); } return "myMusic is not an array"})(myMusic);
|
|
```
|
|
|
|
## --seed-contents--
|
|
|
|
```js
|
|
const myMusic = [
|
|
{
|
|
"artist": "Billy Joel",
|
|
"title": "Piano Man",
|
|
"release_year": 1973,
|
|
"formats": [
|
|
"CD",
|
|
"8T",
|
|
"LP"
|
|
],
|
|
"gold": true
|
|
}
|
|
];
|
|
```
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
const 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",
|
|
]
|
|
}
|
|
];
|
|
```
|