【JavaScript】【Jquery】配列操作 each文

コード

//varを使用すると再宣言、初期化によるバグを起こしやすくなるため、今は非推奨だから使わないほうが良い

let results = [
    {'name' : '田中',  'japanese' : 83, 'math' : 57, 'science' : 43,  'social' : 72, 'english' : 78},
    {'name' : '渡部',  'japanese' : 62, 'math' : 88, 'science' : 70,  'social' : 66, 'english' : 38},
    {'name' : '品川',  'japanese' : 23, 'math' : 33, 'science' : 53,  'social' : 17, 'english' : 07},
    {'name' : '滝谷',  'japanese' : 93, 'math' : 89, 'science' : 79,  'social' : 96, 'english' : 91},
    {'name' : '川原田','japanese' : 55, 'math' : 56, 'science' : 60,  'social' : 54, 'english' : 66},
    {'name' : '一色',  'japanese' : 27, 'math' : 47, 'science' : 100, 'social' : 42, 'english' : 38},
];

// forEachなら
 results.forEach(function(results) {
  console.log(results.name)
 })

 results.forEach((results) => {
    console.log(results.name)
 })

//jqueryなら

$.each(results, function() {
    console.log(this.name);
})

// アロー関数なら
$.each(results,(_,v) => {
    console.log(v.name);
});

結果

田中
渡部
品川
滝谷
川原田
一色

DOM操作の場合

<input type="checkbox" name="sports" value="野球">野球
<input type="checkbox" name="sports" value="サッカー">サッカー
<input type="checkbox" name="sports" value="バスケットボール">バスケットボール

$('input[type="checkbox"]').each(function(){
    console.log(this.value);
})

// アロー関数なら
$('input[type="checkbox"]').each((_,v) => {
    console.log(v.value);
});

結果

"野球"
"サッカー"
"バスケットボール"