乐趣区

关于javascript:js常用方法合集

jiezi

js 罕用办法合集

reduce

reduce() 将以后数组进行遍历，并内置一个回调函数，通过参数获取 pre cur 定义初始值等，返回你所要返回的任意值。
pre: 获取上一轮 return 的后果
cur: 获取以后正在遍历的元素

const array1 = [1, 2, 3, 4];
// 0 + 1 + 2 + 3 + 4
const initialValue = 0;
const sumWithInitial = array1.reduce((previousValue, currentValue) => {return previousValue + currentValue},
  initialValue
);

console.log(sumWithInitial);
// expected output: 10
const arr = [
    {
        age: 12,
        sex: '男',
        name: '小明',
    },
    {
        age: 10,
        sex: '女',
        name: '小红',
    },
    {
        age: 9,
        sex: '女',
        name: '小花',
    },
]
arr.reduce((prev, cur) => {
  return {
    ...prev,
    [` 学生_${cur.name}`]: cur.sex,
  };
}, {})
// expected output:
{
    学生_小明: "男"
    学生_小红: "女"
    学生_小花: "女"
}

官网解释
reduce 为数组中的每一个元素顺次执行 callback 函数

承受四个参数：
accumulator 累计器
currentValue 以后值
currentIndex 以后索引
array 数组

[0, 1, 2, 3, 4].reduce(function(accumulator, currentValue, currentIndex, array){return accumulator + currentValue;});

[0, 1, 2, 3, 4].reduce((accumulator, currentValue, currentIndex, array) => {return accumulator + currentValue}, 10)

tips: 提供初始值通常更平安
如果提供 initialValue，从索引 0 开始。如果没有提供 initialValue，reduce 会从索引 1 的中央开始执行 callback 办法，跳过第一个索引。
如果数组仅有一个元素，并且没有提供 initialValue，那么此惟一值将被返回并且 callback 不会被执行。

再看几个其余🌰

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {return a.concat(b);
  },
  []);
// flattened is [0, 1, 2, 3, 4, 5]
var initialValue = 0;
var sum = [{x: 1}, {x:2}, {x:3}].reduce((accumulator, currentValue) => accumulator + currentValue.x
    ,initialValue
);

console.log(sum) // logs 6

assign

assign 承受两个参数，指标对象和源对象。如果指标对象中的属性具备雷同的键，则属性将被源对象中的属性笼罩

const target = {a: 1, b: 2};
const source = {b: 4, c: 5};

const returnedTarget = Object.assign(target, source);
// source 只会拷贝源对象本身的并且可枚举的属性到指标对象
console.log(target);
// expected output: Object {a: 1, b: 4, c: 5}
console.log(returnedTarget);
// expected output: Object {a: 1, b: 4, c: 5}
console.log(source)
// expected output: Object {b: 4, c: 5}

tips: Object.assign 不会在那些 source 对象值为 null 或 undefined 的时候抛出谬误

退出移动版