可以參考

陣列物件混合使用

let school = [
    {
        teacher: 'cindy',
        student: 'denny',
        class: 1
    },
    {
        teacher: 'tom',
        student: 'tommey',
        class: 2
    }
]
console.log(school);

撈資料

console.log(school[1].teacher);    答案：tom

MAP

JS array Map

1. 能將原始陣列運算後，重新組合回傳一個 「新陣列」
2. 不會影響原陣列

例 ❶

const arr = [1, 5, 50];
const newArr = arr.map(function (item) {
    return item * item;
})

例 ❷ (篩選會回傳布林值)

const data = [1, 3, 47, 384];
const newData = data.map(function (item) {
    return item > 10;
})

例 ❸

const data = [1, 3, 47, 384];
const newData = data.map(function (item) {
    let obj = {};
    obj.checkNum = item > 10;
    return obj;
})

filter

JS array filter 篩選

1. 篩選合適內容後，重新組合回傳一個 「新陣列」
2. 不會影響原陣列
3. 用在比價，下拉選擇，有誰及格等...

例 ❶ (篩選會回傳本身)

const arr = [1, 5, 50];
const newArr = arr.filter(function (item) {
    return item >= 5;
})

例 ❷

const data = [
    {
        name: "小花",
        score: 90        
    }, {
        name: "小㓬",
        score: 38
    }
]
const filterData = data.filter(function (item) {
    return item.score >= 60;
})
console.log(filterData);

補充

MAP補充觀念

• 需使用return
• 適合處理陣列

MAP與forEach差異

• forEach不會組成新的陣列
• forEach無法使用return回傳值
• 適合處理陣列那個別資料

陣列操作 II GO