【もりけん塾】言語チャレンジ@配列内の重複した値を取り除く

管理人

こんにちは、さえと申します👩‍💻
現在フロントエンドエンジニアになるために日々勉強をしています
このブログはその勉強の記録とアウトプットのために運営をしています✨

もりけん塾の課題言語チャレンジに取り組んでいます！

handsonFrontend/Work.md at master · kenmori/handsonFrontend

フロントエンドエンジニアを目指す方へのハンズオン資料. Contribute to kenmori/handsonFrontend development by creating an account on GitHub.

課題ではあらかじめinputする値とoutputする値が決まっていて、
inputの値を関数の引数として渡し、outputの値を出力するというものです
ここではinputとoutputの値が合っていればクリアとなります
ブログでは課題を解くために考えたことや、様々な書き方を模索することを目的としています。

課題29
Set
filter × indexOf
参考記事

課題29

no debule

input

["a", "b", "c", "a", "c", "d"]

output

["a", "b", "c", "d"]

Set

わたし

Setが使えそう…

const input = ["a", "b", "c", "a", "c", "d"];
const output = [...new Set(input)];

console.log(output); //[ "a", "b", "c", "d" ]

Set - JavaScript | MDN

Set オブジェクトは、プリミティブ値やオブジェクト参照を問わず、あらゆる型で多数の一意の値を格納することができます。

filter × indexOf

考えたこと

filterとindexOfを使用してもできそう
indexOfは一致した値の最初のindexを返すからそれを利用すればよさそう

const input = ["a", "b", "c", "a", "c", "d"];
const result = input.filter((value, i) => input.indexOf(value) === i);
console.log(result);

参考記事

ES6 — Set vs Array — What and when?

What is Set and what is Array?

JavaScriptで重複排除を自分で実装してはいけない（Setを使う） - Qiita

若者とプログラミングをしていて非常にショックを受けたのだが「JavaScript 配列重複削除」で検索するとfilterとindexOfを使ったアルゴリズムが検索結果上位に出てくる。これはO(N^2)。計算量の概念がないというの...

もりけん塾でJavaScriptを学習をしています！
もりけん先生のTwitter：https://twitter.com/terrace_tech

毎日24時更新/プログラミング芸人/WEBデザイン/フォトグラファー/インド/JavaScript芸人/Reactエンジニ

先輩芸人の運転手していた29歳の頃、芸人の中でも何か一芸を身に付けたいと思い、初海外単身インドへ、その後世界から発信したいと思いWebを習い始める。そのうちJavaScriptが好きになり...React/Redux/TypeScript/vim/JavaScript/Apollo/代表取締役とフロントエンドエンジニア