🐕‍🦺

基礎的な配列操作系JSメソッドまとめ(随時追加)

2024/12/05に公開

正直MDNを参照した方が分かり良いですが、自己学習のため。

共通すること(前提)

・中括弧 {} を使わない場合(アロー関数がワンライナーの場合)は、
return を省略できます。
中括弧 {} を使う場合は、明示的に return を書かないと値が返されません。

・共通事項としてコードは全て以下の果物の名前が入った配列を使います。

const array:string[]= ["apple","orange","pine","banana"]

・図の画像を中心にコード化していきます。


map()メソッド


const mapObj = array.map((l)=>{
    return l})

filter()メソッド

// filter 指定された配列の中から指定された関数で実装されているテストに
//合格した要素だけを抽出したシャローコピーを作成します。
//oが含まれるものだけ抽出した配列を作る。
const filterObj = array.filter(l=>    
    l.includes("o")
)

every()メソッド

// every 列内のすべての要素が指定された関数で実装されたテストに
//合格するかどうかをテストします。これは論理値を返します。
const everyObj = array.every(l => l.length > 3)
//実行結果はtrue

some()メソッド

//some 
const someObj = array.some(l=> l ==="apple")
//実行結果はtrue

find()メソッド

//find
const findObj = array.find(l=> l.includes("i"))

split()メソッド

//split

join()メソッド

//join



slice()メソッド

//slice



splice()メソッド

//splice



Discussion