【もりけん塾】言語チャレンジ9 – 配列に指定の文字が含まれるか検索する -【JavaScript】

今日は、もりけん塾の新しい課題”言語チャレンジ9に挑戦したので、学習ノートを書いていきます！

こんにちは。Webコーダーのはるです。

もりけん塾の新課題、言語チャレンジに挑戦しました。

https://github.com/kenmori/handsonFrontend/blob/master/work/basic/Work.md

この課題における、もりけん先生(@terrace_tec)のスタンスを補足します⏬

✅　inputとoutputの型が合っていれば、答えに問題はない
✅　もっといい方法や書き方、改善まで全ての人にレビューするのは大変
✅　先生のベストの解答が塾外の誰かが見た時にそうではない
✅　自分なりのベストを調べ尽くしてほしい
✅　サクサク進めることで言語を学ぶ楽しさを味わってほしい

【もりけん塾】言語チャレンジ9 – 配列に指定の文字が含まれるか検索する –
- includes()メソッド
- PRコード
あとがき

【もりけん塾】言語チャレンジ9 – 配列に指定の文字が含まれるか検索する –

今回、取り組んだ課題はこちらです。

【課題8】
– Search “e” element, if not exist, return false
– input: [“a”, “b”, “c”]
– output: false

・inputの値をoutputの値として出力すること

・関数の引数に入力を渡し、実行した結果(出力)をconsole.logで示してください

（もりけん先生の言語チャレンジより）

includes()メソッド

配列から検索する..というjsメソッドをまとめている記事を拝見

Four Different Ways to Search an Array in JavaScript

There are different methods in JavaScript that you can use to search for an item in an array. Which method you choose de...

配列の中で特定の条件を満たすすべての項目を検索したい場合は filter を使用します。
少なくともひとつの項目が特定の条件を満たすかどうかを調べるには find を使用します。
配列に特定の値が含まれているかどうかを調べたい場合は、includes を使用します。
配列の中の特定の項目のインデックスを調べるには indexOf を使用します。

指定した配列に “e” が含まれているかを調べたいので、includes() を使いました。

Array.prototype.includes() - JavaScript | MDN

includes() は Array インスタンスのメソッドで、特定の要素が配列に含まれているかどうかを true または false で返します。

includes()メソッドは、特定の要素が配列に含まれているかどうかを検索して true か false を返してくれます。

/* syntax */
includes(searchElement, (fromIndex))

fromIndexに検索を開始したい場所 (indexで書く)を指定することもできます。※省略可

const existsSpecificLetter = input => {
　const specificLetter = "e";
　return input.includes(specificLetter);
}

今回は変数specificLetterを定義して、それをincludes()で検索するようにしました。

検索したい配列はinputとして引数で渡ってきます。

PRコード

今回はこちらでApproveいただきました🎉

//input: ["a", "b", "c"]
//output: false

const existsSpecificLetter = input => {
　const specificLetter = "e";
　return input.includes(specificLetter);
}

const input = ["a", "b", "c"];
const output = existsSpecificLetter(input);
console.log(output);

学習に使用している本は、もりけん先生推奨の”JavaScript本格入門”です。