js中的[]
在js中,[]的作用除了数组之外,还有解构赋值和对于对象属性的操作。下边展示一些代码样例。
解构赋值:
let obj = [1,2,3];
let obj2 = [4,5];
let obj3 = [6,7];
let [a,b,c] = [obj,obj2,obj3];
console.log(a,b,c);
console.log([a,b,c]);
let data = [1,2,3,4];
let [d,e,f,...g] = data;
console.log(d,e,f,g);
对象属性
let person = {
name: "Jack",
age: 20
};
console.log(person["name"],person["age"]);
console.log(person.name,person.age);
let div = {
width: 45,
height: 90
};
div["display"] = "block";
div[1] = "aa";
let display = "display"
div[display] = "none";
console.log(div);
vue中的[]
vue中的[]常用在v-bind中(此处代码引用自vue.js官网)
<div v-bind:style="[baseStyles, overridingStyles]"></div>
<div :style="{ display: ['-webkit-box', '-ms-flexbox', 'flex'] }"></div>