JavaScript(ES2015ES6) 〜Progate🐓🐓JavaScriptⅥ配列を操䜜するメ゜ッドを孊がう〜

 広倧な山だず思っおいたJavaScriptの孊習プランが終盀になり、みなぎる䞍安がございたすGA、ずりあえず登りきっおお山の党貌を確認したいず思いたす。きっず、登り切ったその先には  ラスボスが埅っおいるハズ ★
 この章では、JavaScriptを実践的に䜿う際に必須の、配列を操䜜するメ゜ッドに぀いお孊んでいきたす。Progate様

🐓pushメ゜ッド
🐓forEachメ゜ッド
🐓findメ゜ッド
🐓filterメ゜ッド
🐓mapメ゜ッド

【🐓pushメ゜ッド】
🌞配列の最埌に新しい芁玠を远加するメ゜ッド

スクリヌンショット 2020-07-26 21.36.39


【🐓forEachメ゜ッド】
🌞配列の䞭の芁玠を1぀ず぀取り出しお、党おの芁玠に同じ繰り返し凊理を行うメ゜ッド
 →アロヌ関数内の「匕数」、「凊理」の倀はどこから  😕☠

スクリヌンショット 2020-07-27 5.04.11

 →アロヌ関数の本領発揮
  💥コヌルバック関数💥
  ⚠配列内の芁玠が䞀぀ず぀順番にアロヌ関数の匕数に代入され、凊理が繰り返し繰り返し実行される。こヌゆヌ図解凄く奜きさ⭐

スクリヌンショット 2020-07-27 5.04.42

スクリヌンショット 2020-07-27 5.40.01

 →本圓はもっず難解で耇雑な内容を咀嚌しお消化しやすいようにしおくれる、基本孊習の神ですね ✚🐧🐚


【🐓findメ゜ッド】
🌞コヌルバック関数の凊理郚分に蚘述した条件匏に合う配列の芁玠を、配列の䞭から取り出すメ゜ッド
 →条件に合う芁玠が芋぀かった時に凊理が終了する
  条件に合う最初の芁玠しか取り出せない

スクリヌンショット 2020-07-27 5.51.29

🌞配列芁玠がオブゞェクトの際も䜿甚できる
 →オブゞェクトのプロパティを条件ずしお䜿甚する堎合、そのプロパティをも぀オブゞェクトそのものを取り出す🐓✚

スクリヌンショット 2020-07-27 5.56.17

スクリヌンショット 2020-07-27 6.09.29

 →⚠return character.id === 3; ←「 ===」にしおなかった😱


【🐓filterメ゜ッド】
🌞蚘述した条件に合う芁玠のみを取り出しお新しい配列を䜜成するメ゜ッド
 →🍀findは、条件に合う芁玠が芋぀かった時に凊理が終了する
 →findのお兄ちゃんがfilterなむメヌゞ🐣🐥


【🐓mapメ゜ッド】
🌞配列内の党おの芁玠に凊理を行い、その戻り倀から新しい配列を䜜成するメ゜ッド ← さ、最匷⁈Σ・□・

スクリヌンショット 2020-07-27 6.29.11

 →䞀芋耇雑に芋えるけど、これたでの基瀎孊習おピヌスが䞀぀䞀぀重なっお䜜りあげられおいく感じがしたした⭐

スクリヌンショット 2020-07-27 6.32.00

 →倧文字の倉換をうっかり忘れおしたう、今日この頃 


【たずめ】
今回も现々孊習でしたが、玄1皋で修了したした✌😏たぁ、実戊で䜿いこなせる皋の習埗率かはさおおき、いよいよJavaScript最埌の孊習ペヌゞに入りたす٩( 'ω' )و♪今回はチェック枈み孊習埌にはチュヌトリアルの蚘事が2぀有❗


この蚘事が気に入ったらサポヌトをしおみたせんか