js笔记
admin
2023-08-16 20:42:18
0

js数组笔记 1.js遍历数组,并向每一个对象元素添加新属性

let arry = this.teamList let arryNew = [] arry.map((item, index) => { arryNew.push(Object.assign({}, item, { disabled: true })) })

2.js删除数组中某一项 splice()
var id = '3' var tagList = [{ "parentTagId": "1", "parentTagName": "学校", "childTagId": "3", "childTagName": "高中" }, { "parentTagId": "1", "parentTagName": "学校", "childTagId": "4", "childTagName": "初中" } ] for (var i = 0; i < tagList.length; i++) { if (tagList[i].childTagId === id) { tagList.splice(i, 1); } } console.log(JSON.stringify(tagList))

3.js 随机生成四位验证码(包括字母和数字)
function checkCodeofRandom() { // 所需随机抽取的样本数组 var nums = new Array("q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "a", "s", "d", "f", "g", "h", "j", "k", "l", "z", "x", "c", "v", "b", "n", "m", "A", "W", "E", "R", "T", "Y", "U", "I", "O", "P", "A", "S", "D", "F", "G", "H", "J", "K", "L", "Z", "X", "C", "V", "B", "N", "M", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9"); // 初始化 拼接字符串 var str = ""; for (i = 0; i < 4; i++) { //每次生成一个0 - 61 之间的 number 作为随机获取验证码的下标 var p = Math.floor(Math.random() * 1000) % 62; //拼接验证码随机抽取大小写字母和数字 str += nums[p]; } console.log(str) return str; } checkCodeofRandom() //不需要服务端做出校验 //客户端根据用户输入的验证码跟随机生成的验证码是否一致来进行判断

3. 对象拼接。 说明:把两个对象的数据放在一个对象里面
【js笔记】方法一
var tmpa = { q: 'qq', w: 'ww' } var tmpb = { e: 'ee', r: 'rr' } var tmp = Object.assign(tmpa, tmpb) console.log("tmp", tmp)

方法二
var tmpa = { q: 'qq', w: 'ww' } var tmpb = { ...tmpa, e: 'ee', r: 'rr' } console.log("tmp", tmpb)

4.深拷贝
function deepCopy(obj) { if (typeof obj !== 'object') { return } const str = JSON.stringify(obj) return JSON.parse(str) }export default deepCopy

#### 5.图片占位隐藏
img:not([src]):not([srcset]) { visibility: hidden; }

相关内容

热门资讯

a... 本文目录导航: abaqus振动照应剖析中处罚力的加载方法 abaqus反...
a... 本文目录导航: abaqus资料可以不设置参数吗 abaqus外面没有自带...
A... 本文目录导航: ANSYS Workbench中二维平面剖析的设置。 an...
h... 本文目录导航: hfss19.2允许win11吗 微带如何假负载 ...
a... 本文目录导航: ansys模流剖析用哪个模块 Ansys_workbenc...
v... 本文目录导航: 在ansys中,建好几何模型后,随意变动一下视图,旋转、加大、增加,Fit...
A... 本文目录导航: Ansys软件可以收费试用吗? ansys有哪些软件 ...
a... 本文目录导航: abaqus中如何同时关上两个cae文件? abaqus找...
a... 本文目录导航: ansys流体剖析迭代次数可以中止嘛 Ansys Flot...
这... 本文目录导航: 哪位大佬有 Fluent14.5流场剖析从入门到知晓,这种百度网盘资源的链...
经... 双击D2进入System Coupling的设置,在Solution上右击选用Clear Gener...
a... 本文目录导航: ansys软件引见 ansys有哪些软件 ...
a... 本文目录导航: abaqus系列技巧18:聊聊abaqus云图外面的魔术加大镜--缩放倍数...
a... 本文目录导航: abaqus中网格不可绘制 abaqus结果可视化某个部件...
a... 本文目录导航: abaqus结果可视化某个部件云图只显示网格接壤处的? a...
驳... 本文目录导航: ABAQUS中假设选择施加的载荷类型为pressure,对应的载荷单位应该...
a... 本文目录导航: abaqus2020旋转不了物体 怎样判别abaqus转的...
在... 本文目录导航: 在abaqus中如何删除一个单元 ABAQUS怎样删除网格...
它... 本文目录导航: abaqus为什么叫abaqus,它是那些词的简称么?全称是什么呢? ...
披着“现货订购”外衣的非法期货...   近期,甘肃西北商品交易市场有限公司旗下的“铂银掘金APP”引发大量投资者集中维权。该平台打着“低...