html,css,js日常记录

动态绑定class，当index3!=0时，class的值为bdt

:class="{'bdt':index3!=0}"

动态绑定style中的height和lineheight，其中，height的值为函数px(item.length)的返回值，函数名可以随意取。

:style="{height:px(item2.length),lineHeight:px(item2.length)}"

为一个标签绑定多个class，用空格隔开：

class="info info2"

for of 和 for in区别：

for... of 常用于遍历数组

for... in 常用于遍历对象

for… of 循环用来获取一对键值对中的 值,而 for… in 获取的是 键名

转载于：

深入了解JS中for...in和for...of的区别_js for in和for of的区别_码上十七的博客-CSDN博客

数组和类数组区别：

转载于： 

【JavaScript】类数组详解_程序媛小y的博客-CSDN博客

map的作用就是创建一个新数组 ，常常用于解决前后端需要的字段不统一的问题

回调函数的返回值就是用来确定这个新数组中数组元素

let arr = [];
let invoicesData = [];
let stada = this.ruleForm.singleReports;
const result = stada.map((item) => {
const obj = {
reportProject: item.reportProject
reportWorkType: item.reportWorkType,
}
//继续给obj添加属性，这个属性是一个对象，里面的值为：invoiceType: it.invoiceType
obj.invoices = item.invoices.map((it) => ({
invoiceType: it.invoiceType,
}))
return obj;
});
console.log(stada)

js中数组也是对象：

数组与对象的区别就是：

对象就是一系列属性名值对，即某个属性名对应某个属性值；当我们遍历对象时，不在对象中的属性当然不会被访问到。

而在JS中，数组就是对象，甚至数组的一些遍历方法，在内部执行的时候，都是先将数组转化为对象，数组中的属性名就是索引值，从对象的角度来看待数组时，像0、1、2、3、4、5、6等等这些数字索引和length一样，都只是数组对象的属性。

    // var arr = new Array();  等同于
    var arr = [];
    arr[0]= 10;
    arr[1]=22;
    console.log(typeof arr)  //object
    console.log(arr)         //[10, 22]
    // 设置数组的length属性值时，length随之改变，同时索引不小于该值的都会被从数组中彻底删除。
    arr['length'] = 1
    console.log(arr)         // [10]

JavaScript中“数组也是对象”_weixin_34032827的博客-CSDN博客

JS中Object(),Array(),String()

    //类型转换
    var A=Object(this);
    var B=Array(this);
    var C=String(this);
    var E=this;
    console.log(A)
    console.log(B)
    console.log(C)
    console.log(E)

 

Arrya.keys(), Array.values,Array.entries使用：

  let arr = [
      {age: 18, value: '张三'},
      {age: 19, value: '李四'},
      {age: 20, value: '王五'}
    ]

    //键
    const keys1 = arr.keys()
    //值
    const keys2 = arr.values()
    //键值对
    const keys3 = arr.entries()

    for (let item of keys1) {
      console.log(item)
    }

    for (let item of keys2) {
      console.log(item)
    }

    for (let item of keys3) {
      console.log(item)
    }

 

正则表达式：

\/是斜杠转译  表示匹配一个 /

/^\.\/(.*)\.\w+$/

 

 

 小白一枚，如有不对之处，感谢纠正！