关于javascript:js笔记

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