配列操作/map

// 問題1. mapメソッドを使って、新しい配列を作成しよう（1）
const students = [
  { name: 'Oliver', score: 20 },
  { name: 'Alice', score: 80 },
  { name: 'Leonardo', score: 40 }
]

// この下に解答してください
console.log(students.map((student) => student.score * 2))

// 問題2. mapメソッドを使って、新しい配列を作成しよう（2）
const users = [
  { lastName: '田中', firstName: '一郎' },
  { lastName: '鈴木', firstName: '三郎' },
  { lastName: '加藤', firstName: '花子' },
  { lastName: '佐藤', firstName: '二郎' }
]

// この下に解答してください
console.log(users.map((user) => user.lastName + user.firstName))


// 問題1. mapメソッドを使って、新しい配列を作成しよう（1）
const students = [
  { name: 'Oliver', country: 'America', score: 20 },
  { name: 'Alice', country: 'France', score: 80 },
  { name: 'Leonardo', country: 'Italy', score: 40 }
]

// この下に解答してください

// 問題2. mapメソッドを使って、新しい配列を作成しよう（2）
const users = [
  { lastName: '田中', firstName: '一郎' },
  { lastName: '鈴木', firstName: '三郎' },
  { lastName: '加藤', firstName: '花子' },
  { lastName: '佐藤', firstName: '二郎' }
]

// この下に解答してください


オブジェクトを要素にもつ配列へ変更を加えてみよう（map）

配列操作/filter(プリミティブ)

配列のメソッド（filter）

配列操作/find

配列のメソッド（find）

【演習】配列から新しい配列を生成したり、要素を取り出す

配列操作/indexOf

配列のメソッド（indexOf）

配列操作/includes

配列のメソッド（includes）

【演習】配列の中に特定の要素が含まれているかを判定する

配列操作/filter(オブジェクト)

オブジェクトを要素にもつ配列へ変更を加えてみよう（filter）

スプレッド構文(Javascript)

スプレッド構文を使って配列の要素に変更を加えてみよう

【演習】配列内の要素を変更し、新しい配列を作成する

JavaScriptの配列の実践的な使い方を学んでいこう2


webサイトに動きをつけたり、表示内容を切り替えたり、formの入力を制御するなど様々な処理について学んでいきます

JavaScriptコース

【JavaScriptの基礎をマスター💪】配列、オブジェクト、関数を使いこなそう！

「JavaScriptの配列メソッド2」レッスンの総復習クイズです。