jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Merge pull request #269 from usernamehw/patch-16

Browse source 
Update article.md
This commit is contained in:
Ilya Kantor 2017-11-01 10:46:20 +03:00 • committed by GitHub
commit 42ca672a5e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

28
1-js/05-data-types/09-destructuring-assignment/article.md
View file

@ -99,7 +99,7 @@ let user = {
// loop over keys-and-values // loop over keys-and-values
*!* *!*
for(let [key, value] of Object.entries(user)) { for (let [key, value] of Object.entries(user)) {
*/!* */!*
alert(`${key}:${value}`); // name:John, then age:30 alert(`${key}:${value}`); // name:John, then age:30
} }
@ -113,7 +113,7 @@ user.set("name", "John");
user.set("age", "30"); user.set("age", "30");
*!* *!*
for(let [key, value] of user.entries()) { for (let [key, value] of user.entries()) {
*/!* */!*
alert(`${key}:${value}`); // name:John, then age:30 alert(`${key}:${value}`); // name:John, then age:30
} }
@ -136,7 +136,7 @@ alert(rest.length); // 2
*/!* */!*
``` ```
The value of `rest` is the array of the remaining array elements. We can use any other variable name in place of `rest`, just make sure it has three dots before it and goes last in the destructuring assignmemnt. The value of `rest` is the array of the remaining array elements. We can use any other variable name in place of `rest`, just make sure it has three dots before it and goes last in the destructuring assignment.
### Default values ### Default values
@ -155,7 +155,7 @@ If we want a "default" value to replace the missing one, we can provide it using
```js run ```js run
*!* *!*
// default values // default values
let [name="Guest", surname="Anonymous"] = ["Julius"]; let [name = "Guest", surname = "Anonymous"] = ["Julius"];
*/!* */!*
alert(name); // Julius (from array) alert(name); // Julius (from array)
@ -168,7 +168,7 @@ For instance, here we use the `prompt` function for two defaults. But it will ru
```js run ```js run
// runs only prompt for surname // runs only prompt for surname
let [name=prompt('name?'), surname=prompt('surname?')] = ["Julius"]; let [name = prompt('name?'), surname = prompt('surname?')] = ["Julius"];
alert(name); // Julius (from array) alert(name); // Julius (from array)
alert(surname); // whatever prompt gets alert(surname); // whatever prompt gets
@ -248,7 +248,7 @@ let options = {
}; };
*!* *!*
let {width=100, height=200, title} = options; let {width = 100, height = 200, title} = options;
*/!* */!*
alert(title); // Menu alert(title); // Menu
@ -266,7 +266,7 @@ let options = {
}; };
*!* *!*
let {width=prompt("width?"), title=prompt("title?")} = options; let {width = prompt("width?"), title = prompt("title?")} = options;
*/!* */!*
alert(title); // Menu alert(title); // Menu
@ -281,7 +281,7 @@ let options = {
}; };
*!* *!*
let {width:w=100, height:h=200, title} = options; let {width: w = 100, height: h = 200, title} = options;
*/!* */!*
alert(title); // Menu alert(title); // Menu
@ -434,7 +434,7 @@ let options = {
function showMenu(*!*{title = "Untitled", width = 200, height = 100, items = []}*/!*) { function showMenu(*!*{title = "Untitled", width = 200, height = 100, items = []}*/!*) {
// title, items – taken from options, // title, items – taken from options,
// width, height – defaults used // width, height – defaults used
alert( title + ' ' + width + ' ' + height ); // My Menu 100 200 alert( `${title} ${width} ${height}` ); // My Menu 200 100
alert( items ); // Item1, Item2 alert( items ); // Item1, Item2
} }
@ -452,12 +452,12 @@ let options = {
*!* *!*
function showMenu({ function showMenu({
title = "Untitled", title = "Untitled",
width:w = 100, // width goes to w width: w = 100, // width goes to w
height:h = 200, // height goes to h height: h = 200, // height goes to h
items: [item1, item2] // items first element goes to item1, second to item2 items: [item1, item2] // items first element goes to item1, second to item2
}) { }) {
*/!* */!*
alert( title + ' ' + w + ' ' + h ); // My Menu 100 200 alert( `${title} ${w} ${h}` ); // My Menu 100 200
alert( item1 ); // Item1 alert( item1 ); // Item1
alert( item2 ); // Item2 alert( item2 ); // Item2
} }
@ -487,8 +487,8 @@ We can fix this by making `{}` the default value for the whole destructuring thi
```js run ```js run
// simplified parameters a bit for clarity // simplified parameters a bit for clarity
function showMenu(*!*{ title="Menu", width=100, height=200 } = {}*/!*) { function showMenu(*!*{ title = "Menu", width = 100, height = 200 } = {}*/!*) {
alert( title + ' ' + width + ' ' + height ); alert( `${title} ${width} ${height}` );
} }
showMenu(); // Menu 100 200 showMenu(); // Menu 100 200