自学内容网 自学内容网

Web蓝桥杯刷题记录——燃烧你的卡路里

1、代码与思路注释

const sortItem = (arr, pro, compare) => {
        
    // 1、先打印参数 发现arr为三个数组 
    // 通过浏览上面的代码发现实则该方法执行了9次 每次均传入相应的参数 
    // 只不过因为该函数没有返回值 无法继续执行 导致数组仅传入3个
    console.log("排序前", arr, pro, compare);
    
    // 2、试着理解题意 该函数执行了九次 即每次都需要返回结果 
    // 只需要根据【单次执行的限制】返回相应对象即可 不需要考虑太多
    // 即最后应该返回9个对象
    
    // 3、先排序
    const sortArr = arr.sort((a,b) => b[pro] - a[pro])
    // 需要注意的是 此处打印会发现排序后的数组没有变化 
    // 是因为 sort会改变原数组 且源对象是响应式的 
    console.log("排序后",sortArr);

    // 4、筛选
    // 以下是通过筛选的全部数组 通过索引[0]拿到第一个
    const filterArr =sortArr.filter(item => item[pro] < compare)[0]
    // console.log("筛选后",{...filterArr});

    // 5、将数组转化为对象
    return {...filterArr}
};

2、知识点回顾

(1)sort 排序【根据对象属性值排序】

arr.sort((a,b) => b[pro] - a[pro]) // 从大到小排序
arr.sort((a,b) => a[pro] - b[pro]) // 从小到大排序

(2)filter 筛选【返回满足条件的数组】

sortArr.filter(item => item[pro] < compare)

(3)剩余参数【将数组中每一项拆分组成对象】

return {...filterArr}


原文地址:https://blog.csdn.net/weixin_61791370/article/details/137522721

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!