js笔记

Posted 2021-09-06 Fanyee

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. 对象拼接。

说明：把两个对象的数据放在一个对象里面

方法一

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;
}