代码编织梦想

此方法一般应用于全选多选的判断

1、findIndex() 方法
返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。

let demoData = [
	{checked:false,name:'royal'},
	{checked:false,name:'royal'},
]
if(demoData.findIndex(target=>target.checked === true)==-1){
 	console.log('验证通过')
 }else {
 	console.log('验证不通过')
 }

2、find() 方法
用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined

let demoData = [
	{checked:false,name:'royal'},
	{checked:false,name:'royal'},
]
if(demoData.find(target=>target.checked === true) === undefined){
     console.log('验证通过')
 }else {
     console.log('验证不通过')
 }

3、every() 方法
检测数组 ticketArr 的所有元素 的checked是否都为false

let demoData = [
	{checked:false,name:'royal'},
	{checked:false,name:'royal'},
]
if(demoData.every(target=>target.checked === false)){
      console.log('验证通过')
 }else {
     console.log('验证不通过')
}

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接: https://blog.csdn.net/qq_46003166/article/details/110876591

给for循环元素设置不同的样式-爱代码爱编程

如何给循环元素加边框呢?? 可以选择使用标签选择器来实现=====》 1、first-child first-child表示选择列表中的第一个标签。例如:li:first-child{background:#fff} 2、last-child last-child表示选择列表中的最后一个标签,例如:li:last-child{background:#f

【JavaScript高级篇】ES6-爱代码爱编程

目录 1、ES6语法:let和const 2、ES6变量赋值 3、ES6箭头函数 4、Promise构造函数 5、新增的实例方法:includes() ,startsWith() ,endsWith() 6、repeat() 7、padStart() padEnd() 8、rest参数(形式为“…变量名”) 9、扩展运算符(…) 对于只

javascript-爱代码爱编程

JavaScript 文章目录 JavaScript一、JavaScript语法JavaScript 字面量JavaScript 变量JavaScript 操作符JavaScript 语句JavaScript 关键字![在这里插入图片描述](https://img-blog.csdnimg.cn/20201208170122776.png?x-o

js根据id递归查找json中的某一项-爱代码爱编程

findItemName(arr) { const len = arr.length; let name; if (this.id) { for (let i = 0; i < len; i++) { if (this.id === arr[i].itemId) {

前端JavaScript的学习笔记-爱代码爱编程

前端知识体系 想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走,其中前端是绕不开的一门必修课。本阶段课程的主要目的就是带领Java后台程序员认识前端、了解前端、掌握前端,为实现成为“互联网Java全栈工程师”再向前迈进一步。 前端三要素 HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的

接口返回数据流格式时导出表格实现方法-爱代码爱编程

当接口返回数据流格式的数据时,导出表格就需要使用到blob,new Blob([data])用来创建URL的file对象或者blob对象 关于blob,可以查看:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob/Blob 主要实现方式: 此方法可以实现将二进制流数据转为表格下载 // 下载文

[Angular TypeScript报错]Cannot assign to read only property ‘outwardcolor‘ of object ‘[object Object]‘-爱代码爱编程

事情发生过程 用动态路由从一个组件传一个对象到另一个组件接收时发生的错误 源码: 对象 selected export interface selected { model?: string; outwardcolor?: string; outwardwheel?: string; interior?: string; featur

angular请求数据-爱代码爱编程

文章目录 一、Angular get 请求数据二、Angular post 提交数据三、angular jsonp 请求数据 一、Angular get 请求数据 在app.module.ts中引入HttpClientModule并注入Import{HttpClientModule } from ‘@angular/commob/http’;

angular接收路由传来的值-爱代码爱编程

上篇文章提到了用路由(route)传值: https://blog.csdn.net/weixin_45158253/article/details/110821408 看下面也行(不用看上面的链接了) 这里写下如何接收路由传来的值 官网方法: 我的使用 当我使用这个方法时,并没有得到预期结果 路由配置: { path:

angular指令操作dom节点修改样式属性等-爱代码爱编程

在父节点不能直接取得时,通过确定的孙孙子节点不断查找父节点来改变一些样式 <a appChangeZIndex>加入指令的节点</a> //以下为指令里的代码: import { Directive, ElementRef, HostListener, Renderer2 } from '@angular/core'; @Dir

2020/12/09 angular-cli的配置文件汇总-爱代码爱编程

文件目录 e2e test-》 端到端(end-to-end)或者UI测试是一种测试方法,它用来测试一个应用从头到尾的流程是否和设计时候所想的一样。简而言之,它从一个用户的角度出发,认为整个系统都是一个黑箱,只有UI会暴露给用户。 node_modules->node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。

记录Angular打包dist文件没有index.html的问题-爱代码爱编程

记录Angular打包dist文件没有index.html的问题 最近新学angular 踩了很多坑记录一下 angular打包方式: ng build --prod --no-extract-license ng build --prod --aot --no-extract-license ng build --prod --