数组方法

1.汇总数据

 const customer = [
{id: 1, count: 2},
{id: 2, count: 89},
{id: 3, count: 1}
];
function getSum(total, currentValue, current, arr) {
    // total每次返回计算之后相加的总和，currentValue当前的元素，current当前的序号，arr当前的数组
    debugger;
    return total + currentValue.count
}
const totalCount = customer.reduce(getSum, 0) // 表示total的初始值
console.log(totalCount); // 返回计算的结果

2.改变数据结构

let produts = [
    {
        id: '123',
        name: '苹果'
    },
    {
        id: '345',
        name: '橘子'
    }
];
  // reduce改变数据结构
const produtsById = produts.reduce(
    (obj, product) => {
        obj[product.id] = product.name
        return obj
    },
    {}
);
console.log('[result]:', produtsById)  // ｛123：'苹果', 345: '橘子'｝

3.对象装换query字符串

const params = {
    color: 'red',
    minPrice: 8000,
    maxPrice: 10000,
}
const query = '?' + Object.keys(params) // 返回对象key的数组
.map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])).join('&');
console.log(query) // ?color=red&minPrice=8000&maxPrice=10000

4. 搜索匹配的数组元素

 const posts = [
    {id: 1, title: 'Title 1'},
    {id: 2, title: 'Title 2'},
];
const title = posts.find(p => p.id === 1); // 过滤元素(返回对象匹配的第一个元素)
console.log(title)
/*
  和filter区别：
  filter返回是数组，返回满足条件的所有元素
  find返回的是对象，返回满足条件的第一个元素
*/

5.返回匹配的对象数组元素的index

const posts = [
    {id: 1, title: 'Title 1'},
    {id: 2, title: 'Title 2'},
    {id: 22, title: 'Title 22'}
];

const index = posts.findIndex(p => p.id === 22); // 2

6.删除某个字段

const user = {
    name: 'wuXiaoHui',
    age: '25',
    password: '19931102',
}

const userWithoutPassword = Object.keys(user) // 返回user里面key的数组
            .filter(key => key !== 'password') // 原数组筛选调特定的字段
            .map((key, value) => ({[key]: user[key]})) // 每个数组元素进行处理，返回对象数组
            .reduce((accumulator, current) => ({...accumulator, ...current}), {}); // reduce进行对象的拼接

            console.log(userWithoutPassword)