剩余参数/延展运算符、箭头函数--综合使用

1,员工涨薪

// 员工数据
let emps = [
    {name: "汤姆", gender: "男", salary: 3000},
    {name: "杰瑞", gender: "男", salary: 2200},
    {name: "舒克", gender: "男", salary: 6000},
    {name: "贝塔", gender: "男", salary: 8000},
    {name: "迪迦", gender: "男", salary: 4000}
]
// 需求:给每个员工涨薪500
function fn(e) {
    for(var i = 0; i < e.length; i++) {
        e[i].salary += 500
    }
}
// fn(emps)

function fn2(emps) {
    return emps.map(function(value) {
        return {
            ...value,
            salary: value.salary + 500
        }
    })
}

// var e = fn2(emps)

function fn3(emps) {
    return emps.map(value=> {
        return {
            ...value, 
            salary: value.salary + 500
        }
    })
}

var e = fn3(emps)

console.log(e)

2,全选效果--判断是否需要勾选全选按钮

// 购物车中的商品
var goodses = [
    {name: "华硕", price: 5999, isChecked: true}, // 选中状态
    {name: "戴尔", price: 6999, isChecked: true}, // 选中状态
    {name: "惠普", price: 5999, isChecked: false}, // 未选中状态
]

// 判断是否需要勾选全选按钮?
// ① 普通循环
// var isAll = true    // 默认认为全部选择
// for(var i = 0; i <goodses.length; i++) {
//     if(goodses[i].isChecked === false) {
//         isAll = false
//         break
//     }
// }

// ② 使用数组every()函数
// var isAll = goodses.every(function(value) {
//     return value.isChecked
// })

// ③ 数组every()函数 + 箭头函数
var isAll = goodses.every(value => value.isChecked)
console.log("是否全选:", isAll)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值