151 lines
8.3 KiB
Markdown
151 lines
8.3 KiB
Markdown
|
---
|
|||
|
|
title: Diff Two Arrays
|
|||
|
|
localeTitle: Diff Два массива
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
|
|||
|
|
 Не забудьте использовать **`Read-Search-Ask`** если вы застряли. Попробуйте подключить программу  и напишите свой собственный код 
|
|||
|
|
|
|||
|
|
###  Проблема Объяснение:
|
|||
|
|
|
|||
|
|
Проверьте два массива и верните новый массив, содержащий только элементы, которые не находятся ни в одном из исходных массивов.
|
|||
|
|
|
|||
|
|
#### Связанные ссылки
|
|||
|
|
|
|||
|
|
* [для Loop (Devdocs)](https://devdocs.io/javascript/statements/for)
|
|||
|
|
* [Array.prototype.includes (Devdocs)](https://devdocs.io/javascript/global_objects/array/includes)
|
|||
|
|
* [Array.prototype.filter (Devdocs)](https://devdocs.io/javascript/global_objects/array/filter)
|
|||
|
|
* [Array.prototype.concat (Devdocs)](https://devdocs.io/javascript/global_objects/array/concat)
|
|||
|
|
|
|||
|
|
##  Подсказка: 1
|
|||
|
|
|
|||
|
|
Объедините список, чтобы упростить сравнение функций.
|
|||
|
|
|
|||
|
|
> _попытаться решить проблему сейчас_
|
|||
|
|
|
|||
|
|
##  Подсказка: 2
|
|||
|
|
|
|||
|
|
Используйте фильтр, чтобы получить новый массив, вам нужно будет создать функцию обратного вызова.
|
|||
|
|
|
|||
|
|
> _попытаться решить проблему сейчас_
|
|||
|
|
|
|||
|
|
##  Подсказка: 3
|
|||
|
|
|
|||
|
|
Лучший способ выполнения функции обратного вызова - проверить, не совпадает ли номер из нового объединенного массива в **обоих** исходных массивах и вернуть его.
|
|||
|
|
|
|||
|
|
> _попытаться решить проблему сейчас_
|
|||
|
|
|
|||
|
|
## Осторожно, спойлеры!
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
**Решение впереди!**
|
|||
|
|
|
|||
|
|
##  Решение базового кода (императивное решение):
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
function diffArray(arr1, arr2) {
|
|||
|
|
var newArr = [];
|
|||
|
|
|
|||
|
|
function onlyInFirst(first, second) {
|
|||
|
|
// Looping through an array to find elements that don't exist in another array
|
|||
|
|
for (var i=0;i<first.length;i++) {
|
|||
|
|
if (second.indexOf(first[i]) === -1) {
|
|||
|
|
// Pushing the elements unique to first to newArr
|
|||
|
|
newArr.push(first[i]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
onlyInFirst(arr1, arr2);
|
|||
|
|
onlyInFirst(arr2, arr1);
|
|||
|
|
|
|||
|
|
return newArr;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
 [Код запуска](https://repl.it/CLme/0)
|
|||
|
|
|
|||
|
|
### Код Объяснение:
|
|||
|
|
|
|||
|
|
Прочитайте комментарии в коде.
|
|||
|
|
|
|||
|
|
#### Связанные ссылки
|
|||
|
|
|
|||
|
|
* [для Loop (Devdocs)](https://devdocs.io/javascript/statements/for)
|
|||
|
|
|
|||
|
|
##  Решение промежуточного кода (декларативное решение):
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
function diffArray(arr1, arr2) {
|
|||
|
|
return arr1
|
|||
|
|
.concat(arr2)
|
|||
|
|
.filter(
|
|||
|
|
item => !arr1.includes(item) || !arr2.includes(item)
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
 [Код запуска](https://repl.it/CNYb/0)
|
|||
|
|
|
|||
|
|
### Код Объяснение:
|
|||
|
|
|
|||
|
|
Объясните решение здесь и добавьте соответствующие ссылки
|
|||
|
|
|
|||
|
|
#### Связанные ссылки
|
|||
|
|
|
|||
|
|
* [Array.prototype.concat (Devdocs)](https://devdocs.io/javascript/global_objects/array/concat)
|
|||
|
|
* [Array.prototype.filter (Devdocs)](https://devdocs.io/javascript/global_objects/array/filter)
|
|||
|
|
* [Array.prototype.includes (Devdocs)](https://devdocs.io/javascript/global_objects/array/includes)
|
|||
|
|
|
|||
|
|
##  Расширенное решение кода (декларативное решение):
|
|||
|
|
```
|
|||
|
|
function diffArray(arr1, arr2) {
|
|||
|
|
return arr1
|
|||
|
|
.filter(el => !arr2.includes(el))
|
|||
|
|
.concat(
|
|||
|
|
arr2.filter(el => !arr1.includes(el))
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
 [Код запуска](https://repl.it/CNYU/0)
|
|||
|
|
|
|||
|
|
### Код Объяснение:
|
|||
|
|
|
|||
|
|
Объясните решение здесь и добавьте соответствующие ссылки
|
|||
|
|
|
|||
|
|
##  Альтернативный вариант расширенного кода (декларативное решение):
|
|||
|
|
```
|
|||
|
|
function diffArray(arr1, arr2) {
|
|||
|
|
return [
|
|||
|
|
...diff(arr1, arr2),
|
|||
|
|
...diff(arr2, arr1)
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
function diff(a, b) {
|
|||
|
|
return a.filter(item => b.indexOf(item) === -1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### Связанные ссылки
|
|||
|
|
|
|||
|
|
* [Array.prototype.includes (Devdocs)](https://devdocs.io/javascript/global_objects/array/includes)
|
|||
|
|
* [Array.prototype.filter (Devdocs)](https://devdocs.io/javascript/global_objects/array/filter)
|
|||
|
|
* [Array.prototype.concat (Devdocs)](https://devdocs.io/javascript/global_objects/array/concat)
|
|||
|
|
|
|||
|
|
##  ПРИМЕЧАНИЯ ДЛЯ ВЗНОСОВ:
|
|||
|
|
|
|||
|
|
*  **НЕ** добавляйте решения, похожие на любые существующие решения. Если вы считаете, что это **_похоже, но лучше_** , попробуйте объединить (или заменить) существующее подобное решение.
|
|||
|
|
* Добавьте объяснение своего решения.
|
|||
|
|
* Классифицируйте решение в одной из следующих категорий - **Basic** , **Intermediate** и **Advanced** . 
|
|||
|
|
* Пожалуйста, добавьте свое имя пользователя, только если вы добавили **соответствующее основное содержимое** . (  **_НЕ_** _удаляйте существующие имена пользователей_ )
|
|||
|
|
|
|||
|
|
> Видеть  [**`Wiki Challenge Solution Template`**](http://forum.freecodecamp.com/t/algorithm-article-template/14272) для [**`Wiki Challenge Solution Template`**](http://forum.freecodecamp.com/t/algorithm-article-template/14272) для справки.
|