动态绑定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+$/
小白一枚,如有不对之处,感谢纠正!