よく使うES6の配列メソッド3選【分かりすぎて怖いJavaScript入門】
Вставка
- Опубліковано 14 жов 2024
- ES6の配列メソッドは便利だけど「種類が多すぎて使い所・使い方が分からない」という方のために、現役フロントエンドエンジニアがよく使うメソッドを3つに絞って解説しました。
番外編として正規表現メソッドも紹介してます。
★JavaScript入門のコードをまとめたGitHub
github.com/dea...
★CodePen
mapメソッド：(codepen.io/Tor...)
filterメソッド：(codepen.io/Tor...)
findIndexメソッド：(codepen.io/Tor...)
testメソッド：(codepen.io/Tor...)
★日本一わかりやすいReact入門【基礎編】
• Playlist
★学習コミュニティ
Webエンジニアになりたい方向けのコミュニティです。
詳細動画 • 【募集中】学習コミュニティ「とらゼミ」の募集...
お申し込みはこちら torahack.web.a...
★日本一わかりやすいReact入門【基礎編】
• Playlist
★日本一わかりやすいReact入門【実践編】
• 日本一わかりやすいReact入門【実践編】
★日本一わかりやすいReact-Redux入門
• 日本一わかりやすいReact-Redux入門
★チャンネル概要
スタートアップ企業の現役フロントエンドエンジニアです。
以下についての動画を公開しています。
・フロントエンド技術の学習講座
・3年後も活躍し続けられる「エンジニアのキャリア論」
・「早く&正しく」プログラミング言語と技術を習得する「勉強方法」
★Twitterアカウント
/ torahack_
★Qiita
qiita.com/tora...
★GitHub
github.com/dea...
#とらゼミ #JavaScript #入門 #エンジニア
mapメソッドはRubyだけだと思っていたのですが、JSにもあってびっくりしました！！
いつも楽しく見ています。現在はご存じかもしれませんが、正規表現の"tora*"は"tor"+"a"が0個以上連続する文字列にマッチします。例えば/tora*/.test('tor')や/tora*/.test('torZ')もtrueになります。
ご指摘ありがとうございます！
*は0個以上の繰り返しでしたね、失念していました！
正しいverで動画出し直そうと思います🙏
イテレートって横文字がいきなり出てきてこんがらがった
おぉ！わかりやすい^_^ rubyのプラクティス終わったらまた観ます〜
いつもためになる動画ありがとうございます。
Map関数について質問があります。とあるReactの本でmapの書き方は 配列.map( (value) => 新しい項目 ) );
と書いてあり、例題の中でもJSXの中での記載で { data.map( (value) => (処理) ) }と書いてあったのですが、
通常のJavaScriptとJSXの中で記述するmapは書き方が違うのでしょうか？ => { } 波かっこ => ( ) カッコ
この違いはなんなのでしょうか？ 宜しければご教授願います。
配列.map( (value) => 新しい項目 ) );
↑これだと、開きカッコと閉じカッコの数が合わないのでエラーになりますよ。もし本の記述がそうだとしたら誤植ですね！
Mozillaの参考リンクを置いておきます。
developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/map
ちなみに、map内の処理を複数行で書く場合はアローの後を{}で囲みます。
1行でかける場合はアローの後の{}を省略して、array.map(value => 処理)のように書けます。
以下のような場合はアローの後を{}で囲みますね。
array.map(value => {
const title = value.title
return {title}
})
便利メソッド多くて嬉しい！
You try to give the video more brightness it will be great if you do
object.key()メソッドとfindIndex()メソッドがいまいち理解できませんでした。もう少し具体的な動画をアップしてください。
Object.keysは、
{a: 1, b: 2}みたいなオブジェクトがある場合に、これを実行すると、
[a, b]というオブジェクトのキーのみの配列が生成されます。
もっとわかりやすく教えてくれよー😂