| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | --- | 
					
						
							|  |  |  | id: 587d7b7b367417b2b2512b13 | 
					
						
							| 
									
										
										
										
											2021-03-14 21:20:39 -06:00
										 |  |  | title: 使用展开运算符复制数组 | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | challengeType: 1 | 
					
						
							| 
									
										
										
										
											2020-08-04 15:14:21 +08:00
										 |  |  | forumTopicId: 301157 | 
					
						
							| 
									
										
										
										
											2021-01-13 03:31:00 +01:00
										 |  |  | dashedName: copy-an-array-with-the-spread-operator | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | --- | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-16 00:37:30 -07:00
										 |  |  | # --description--
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-03-14 21:20:39 -06:00
										 |  |  | `slice()` 可以让我们从一个数组中选择一些元素来复制到新数组中,而 ES6 中又引入了一个简洁且可读性强的语法:展开运算符(<dfn>spread operator</dfn>),它能让我们方便地复制数组中的*所有*元素。 展开语法写出来是这样:`...` | 
					
						
							| 
									
										
										
										
											2020-12-16 00:37:30 -07:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-03-14 21:20:39 -06:00
										 |  |  | 我们可以用展开运算符来复制数组: | 
					
						
							| 
									
										
										
										
											2020-08-04 15:14:21 +08:00
										 |  |  | 
 | 
					
						
							|  |  |  | ```js | 
					
						
							|  |  |  | let thisArray = [true, true, undefined, false, null]; | 
					
						
							|  |  |  | let thatArray = [...thisArray]; | 
					
						
							|  |  |  | ``` | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-03-14 21:20:39 -06:00
										 |  |  | `thatArray` 等于 `[true, true, undefined, false, null]`。 `thisArray` 保持不变, `thatArray` 包含与 `thisArray` 相同的元素。 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-16 00:37:30 -07:00
										 |  |  | # --instructions--
 | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-03-14 21:20:39 -06:00
										 |  |  | 我们已经定义了一个 `copyMachine` 函数,它接受 `arr`(一个数组)和 `num`(一个数字)作为输入参数。 该函数需要返回一个由 `num` 个 `arr` 组成的新的二维数组。 同时,我们写好了大致的流程,只是细节实现还没有写完。 请修改这个函数,使用展开语法,使该函数能正常工作(提示:我们已经学到过的一个方法很适合用在这里)! | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-16 00:37:30 -07:00
										 |  |  | # --hints--
 | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-03-14 21:20:39 -06:00
										 |  |  | `copyMachine([true, false, true], 2)` 应返回 `[[true, false, true], [true, false, true]]`。 | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | 
 | 
					
						
							|  |  |  | ```js | 
					
						
							| 
									
										
										
										
											2020-12-16 00:37:30 -07:00
										 |  |  | assert.deepEqual(copyMachine([true, false, true], 2), [ | 
					
						
							|  |  |  |   [true, false, true], | 
					
						
							|  |  |  |   [true, false, true] | 
					
						
							|  |  |  | ]); | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | ``` | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-03-14 21:20:39 -06:00
										 |  |  | `copyMachine([1, 2, 3], 5)` 应返回 `[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]`。 | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-16 00:37:30 -07:00
										 |  |  | ```js | 
					
						
							|  |  |  | assert.deepEqual(copyMachine([1, 2, 3], 5), [ | 
					
						
							|  |  |  |   [1, 2, 3], | 
					
						
							|  |  |  |   [1, 2, 3], | 
					
						
							|  |  |  |   [1, 2, 3], | 
					
						
							|  |  |  |   [1, 2, 3], | 
					
						
							|  |  |  |   [1, 2, 3] | 
					
						
							|  |  |  | ]); | 
					
						
							|  |  |  | ``` | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-03-14 21:20:39 -06:00
										 |  |  | `copyMachine([true, true, null], 1)` 应返回 `[[true, true, null]]`。 | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-08-04 15:14:21 +08:00
										 |  |  | ```js | 
					
						
							| 
									
										
										
										
											2020-12-16 00:37:30 -07:00
										 |  |  | assert.deepEqual(copyMachine([true, true, null], 1), [[true, true, null]]); | 
					
						
							| 
									
										
										
										
											2020-08-04 15:14:21 +08:00
										 |  |  | ``` | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-03-14 21:20:39 -06:00
										 |  |  | `copyMachine(["it works"], 3)` 应返回 `[["it works"], ["it works"], ["it works"]]`。 | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-16 00:37:30 -07:00
										 |  |  | ```js | 
					
						
							|  |  |  | assert.deepEqual(copyMachine(['it works'], 3), [ | 
					
						
							|  |  |  |   ['it works'], | 
					
						
							|  |  |  |   ['it works'], | 
					
						
							|  |  |  |   ['it works'] | 
					
						
							|  |  |  | ]); | 
					
						
							|  |  |  | ``` | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-03-14 21:20:39 -06:00
										 |  |  | `copyMachine` 函数中应对 `arr` 使用展开运算符(`spread operator`)。 | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | 
 | 
					
						
							|  |  |  | ```js | 
					
						
							| 
									
										
										
										
											2021-04-28 16:18:54 +01:00
										 |  |  | assert(code.match(/\.\.\.arr/)); | 
					
						
							| 
									
										
										
										
											2018-10-10 18:03:03 -04:00
										 |  |  | ``` | 
					
						
							| 
									
										
										
										
											2020-08-04 15:14:21 +08:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-01-13 03:31:00 +01:00
										 |  |  | # --seed--
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ## --seed-contents--
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ```js | 
					
						
							|  |  |  | function copyMachine(arr, num) { | 
					
						
							|  |  |  |   let newArr = []; | 
					
						
							|  |  |  |   while (num >= 1) { | 
					
						
							|  |  |  |     // Only change code below this line | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // Only change code above this line | 
					
						
							|  |  |  |     num--; | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  |   return newArr; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | console.log(copyMachine([true, false, true], 2)); | 
					
						
							|  |  |  | ``` | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-16 00:37:30 -07:00
										 |  |  | # --solutions--
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-01-13 03:31:00 +01:00
										 |  |  | ```js | 
					
						
							|  |  |  | function copyMachine(arr,num){ | 
					
						
							|  |  |  |     let newArr=[]; | 
					
						
							|  |  |  |     while(num >=1){ | 
					
						
							|  |  |  |     newArr.push([...arr]); | 
					
						
							|  |  |  |     num--; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     return newArr; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | console.log(copyMachine([true, false, true], 2)); | 
					
						
							|  |  |  | ``` |