您现在的位置是:网站首页> 编程资料编程资料
JavaScript数据分析之交集,并集,对称差集_javascript技巧_
2023-05-24
347人已围观
简介 JavaScript数据分析之交集,并集,对称差集_javascript技巧_

数据结构是待处理问题的数学模型,算法则是处理问题的策略。
作为软件工程师除了要对现实问题有很好的理解与把控外,还要深谙数据结构与算法才能找到合适的数学模型和算法,从而服务于后续的工作。由此数据结构与算法的重要性可见一斑。
列表交集
代码注释:
/** * @description 两个列表的交集 * @param {Array} a 列表源数据 * @param {Array} b 列表源数据 * @return {Array} 目标数据 * @example * * const a = [ * { id: 1, name: '张三' }, * { id: 2, name: '李四' }, * { id: 3, name: '王五' }, * ] * const b = [ * { id: 1, name: '张三' }, * { id: 4, name: '牛二' }, * { id: 5, name: '赵六' }, * ] * * intersection(a, b, 'id') * * [ * { id: 1, name: '张三' } * ] */方法封装:
export const intersection = (a, b, key = null) => { return a.filter(i => (key ? b.map(i => i[key]).includes(i[key]) : b.includes(i))) }列表并集
代码注释:
/** * @description 两个列表的并集 * @param {Array} a 列表源数据 * @param {Array} b 列表源数据 * @return {Array} 目标数据 * @example * * const a = [ * { id: 1, name: '张三' }, * { id: 2, name: '李四' }, * { id: 3, name: '王五' }, * ] * const b = [ * { id: 1, name: '张三' }, * { id: 4, name: '牛二' }, * { id: 5, name: '赵六' }, * ] * * union(a, b, 'id') * * [ * { id: 1, name: '张三' }, * { id: 2, name: '李四' }, * { id: 3, name: '王五' }, * { id: 4, name: '牛二' }, * { id: 5, name: '赵六' }, * ] */方法封装:
export const union = (a, b, key = null) => { return [...a, ...b.filter(i => (key ? !a.map(i => i[key]).includes(i[key]) : !a.includes(i)))] }列表对称差集
代码注释:
/** * @description 两个列表的对称差集 * @param {Array} a 列表源数据 * @param {Array} b 列表源数据 * @return {Array} 目标数据 * @example * * const a = [ * { id: 1, name: '张三' }, * { id: 2, name: '李四' }, * { id: 3, name: '王五' }, * ] * const b = [ * { id: 1, name: '张三' }, * { id: 4, name: '牛二' }, * { id: 5, name: '赵六' }, * ] * * difference(a, b, 'id') * * [ * { id: 2, name: '李四' }, * { id: 3, name: '王五' }, * { id: 4, name: '牛二' }, * { id: 5, name: '赵六' }, * ] */方法封装:
export const difference = (a, b, key = null) => { return [...a, ...b].filter(i => ![a, b].every(g => (key ? g.map(i => i[key]).includes(i[key]) : g.includes(i)))) }到此这篇关于JavaScript数据分析之交集,并集,对称差集的文章就介绍到这了,更多相关JS交集,并集,对称差集内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
相关内容
- 利用JavaScript实现简单全选和全不选的思路和方法_javascript技巧_
- vue el-table 动态添加行与删除行的实现_vue.js_
- vue组件vue-treeselect箭头和叉图标变大问题及解决_vue.js_
- Nodejs环境Eggjs加签验签示例代码_node.js_
- element-ui+vue-treeselect下拉框的校验过程_vue.js_
- 关于下拉类型多选组件Vue-Treeselect(键名转换)_vue.js_
- 如何修改vue-treeSelect的高度_vue.js_
- JavaScript中通用的jquery动画滚屏实例_javascript技巧_
- vue利用sync语法糖实现modal弹框的项目实践_vue.js_
- 关于vue-treeselect绑值、回显等常见问题的总结_vue.js_
