不积跬步无以至千里012

原创于 2020-11-26 22:18:49 发布 · 66 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种JavaScript中去除对象数组重复项的方法，并演示了如何将两个一维数组合并为一个二维数组。此外，还概述了Vue.js中常用的事件修饰符，包括.stop、.prevent、.capture等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

11.26 工作笔记

对象数组去重的方法

var myarry = [
    {name: 'zhangsan',age :20},
    {name:'lisi',age:13},
    {name:'wangwu',age:18},
    {name:'jake',age:17},
    {name:'lisi',age:24} ]
// 传入数组和去重的key如name
function deweight (arr, key) {
    let res = []
    arr.forEach((item) => {
        let list = []
        res.forEach((resitem) => {
        	list.push(resitem[key])
        })
        if (list.indexOf(item[key]) === -1) {
        	res.push(item)
        }
    })
    return res
}
var result = deweight(myarry,'name')
console.log(result)

vue修饰符

.stop 阻止冒泡
.prevent 阻止默认事件
.capture 先捕获再冒泡
.self 指定元素触发（不包括子元素）
.once 只触发一次
.passive 与滚动有关，提高移动端的性能

js将两个一维数组合并成二维数组

     a.forEach((item,index)=>{
          item.children = b.filter(items=>{
              return items.goodsCategory === item.id;
          })
      })
      console.log(a);