JS 开发常用方法学习

Time: 2023-03-29 22:28:42

JS 学习计划

1. js两个数组比较去重，返回不重复的项

const list1 = [
  { id: 0, name: "小明" },
  { id: 1, name: "小红" },
];
const list2 = [
  { id: 0, name: "小明" },
  { id: 1, name: "小红" },
  { id: 3, name: "小白" },
  { id: 4, name: "小菜" },
];
var result = list2.filter((item1) => {
  return list1.every((item2) => {
    return item2.id !== item1.id;
  });
});
console.log(result); //(2) [{…}, {…}]

思路

对 list 2 每一项进行脱壳，类似 for，只不过顺带脱了层壳，然后再使用 every 函数，使 list1 的每一项跟 list2 对比,返回布尔值，只有为 false 的可以存在。

2. 数组添加新的项目

某条数据与搜索值不等
value.indexOf(serach.value) != -1

3. 字符串替换功能

str.replaceAll(oldVal,newVal)

4. 数组内容求和

const Arr = [1, 3, 5, 7, 9];
function sum(...numbers) {
  return numbers.reduce((preValue, currentValue) => preValue + currentValue);
}
let result = sum(...Arr); //25

5. 多重解构赋值

const Person = {
  state: {
    name: "张三",
    age: 18,
    sex: "男",
  },
};
const {
  state: { name, age, sex },
} = Person;
console.log(name + age + sex); //张三 18 男