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

// 問題1. filterメソッドを使用し、classが'1年2組'の要素のみを含む新しい配列を作成しよう
const users = [
  { name: '田中', class: '1年1組', number: 2 },
  { name: '鈴木', class: '1年2組', number: 20 },
  { name: '加藤', class: '1年2組', number: 15 },
  { name: '佐藤', class: '1年1組', number: 7 }
]

// この下に解答してください
const filteredUsers = users.filter((user) => user.class === '1年2組')
console.log(filteredUsers)

// 問題2. filterメソッドを使用し、scoreが50未満の要素のみを含む新しい配列を作成しよう
const students = [
  { name: 'Oliver', country: 'America', score: 20 },
  { name: 'Alice', country: 'France', score: 80 },
  { name: 'Leonardo', country: 'Italy', score: 40 }
]

// この下に解答してください
const filteredStudents = students.filter((student) => student.score < 50)
console.log(filteredStudents)


// 問題1. filterメソッドを使用し、classが'1年2組'の要素のみを含む新しい配列を作成しよう
const users = [
  { name: '田中', class: '1年1組', number: 2 },
  { name: '鈴木', class: '1年2組', number: 20 },
  { name: '加藤', class: '1年2組', number: 15 },
  { name: '佐藤', class: '1年1組', number: 7 }
]

// この下に解答してください
const filteredUsers = []
console.log(filteredUsers)

// 問題2. filterメソッドを使用し、scoreが50未満の要素のみを含む新しい配列を作成しよう
const students = [
  { name: 'Oliver', country: 'America', score: 20 },
  { name: 'Alice', country: 'France', score: 80 },
  { name: 'Leonardo', country: 'Italy', score: 40 }
]

// この下に解答してください
const filteredStudents = []
console.log(filteredStudents)

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

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

配列のメソッド（filter）

配列操作/find

配列のメソッド（find）

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

配列操作/indexOf

配列のメソッド（indexOf）

配列操作/includes

配列のメソッド（includes）

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

配列操作/map

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

スプレッド構文(Javascript)

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

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

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


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

JavaScriptコース

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

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