判断数组对象中,同一属性,值是否相同

简介: js


使用背景:筛选跳转链接,跳转链接一致,就通过跳转,不一致,就不通过

const arr = [
{

name: "蓝色",
spec: "颜色",
checked: false,

},
{

name: "少年",
spec: "适用人群",
checked: false,

},
{

name: "黑色",
spec: "颜色",
checked: true,

},
{

name: "灰色",
spec: "颜色",
checked: true,

},
{

name: "年轻人",
spec: "适用人群",
checked: false,

},
];

方法一:

arr.every((e) => e.checked === false) ? console.log('通过') : console.log('不通过'); // 不通过
方法二:

arr.find((e) => e.checked === true) === undefined ? console.log('通过') : console.log('不通过'); // 不通过
方法三:

arr.findIndex((e) => e.checked === true) === -1 ? console.log('通过') : console.log('不通过'); // 不通过
方法四 — 拓展非布尔类型判断:

arr.some((e) => arr.filter((e1) => e1.spec === e.spec).length > 1) ? console.log('通过') : console.log('不通过'); // 通过
方法五 — 拓展非布尔类型判断:

arr.some((cur,idx,array)=>array.slice(idx+1).find(item=>cur.spec==item.spec)) ? console.log('通过') : console.log('不通过'); // 通过

目录
相关文章
|
前端开发 JavaScript UED
使用JavaScript实现动画效果
【4月更文挑战第21天】使用JavaScript实现动画效果
237 10
|
JavaScript IDE API
vue3--setup--父子组件传参-监听
vue3--setup--父子组件传参-监听
441 0
|
开发工具 git
【Cron表达式】基于Vue2及Element的Cron时间表达式生成器
首先感谢两位开源作者的奉献(ldang264),(1615450788)以下代码功能项,全部基于这两个开源库所做的合集。并增加了部分功能项,删减了中英切换等
【Cron表达式】基于Vue2及Element的Cron时间表达式生成器
|
9月前
|
移动开发 前端开发 数据可视化
React 拖拽布局组件 Drag & Drop Layout
本文介绍了如何在React中构建拖拽布局组件,涵盖基础知识、常见问题及解决方案。首先解释了拖拽操作的三个阶段:开始、过程中和结束。接着推荐了几个常用的拖拽库,如`react-beautiful-dnd`,并详细展示了如何使用该库创建基础拖拽组件,包括安装依赖、初始化容器和处理拖拽结束事件。文章还探讨了常见问题,如拖拽不生效、性能优化、嵌套拖拽和跨浏览器兼容性,并提供了进阶技巧,如自定义样式、多列布局和集成其他UI组件。通过这些内容,读者可以掌握构建高效拖拽布局的方法。
603 16
|
12月前
|
JavaScript 索引
Vue 3 数组变更详解:哪些操作会修改原数组?| 笔记
在处理数组时,了解哪些操作会修改原数组,哪些操作不会修改原数组,对高效编写 Vue 应用程序至关重要。本文将详细介绍 Vue 3 中的常见数组操作,并按照是否会修改原数组进行分类说明。
556 2
|
12月前
|
存储 算法 机器人
Threejs路径规划_基于A*算法案例V2
这篇文章详细介绍了如何在Three.js中使用A*算法进行高效的路径规划,并通过三维物理电路的实例演示了路径计算和优化的过程。
353 0
|
XML 小程序 JavaScript
|
JavaScript 前端开发 搜索推荐
ECharts词云图(案例一)+配置项详解
ECharts,百度的JavaScript图表库,支持词云图(自5.0版起),借助`echarts-wordcloud`插件。配置词云图涉及`tooltip`(如显示、颜色、边框等)和`series`(类型、形状、大小范围等)。示例代码展示了如何在HTML中引入依赖并配置词云图,包括数据、形状、大小、颜色等。完整代码和依赖可下载。调整这些配置可创建个性化词云图。参阅官方文档获取不同版本详情。
3716 4
 ECharts词云图(案例一)+配置项详解
|
存储 Java API