前端中括号使用总结

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>

猜你喜欢

转载自blog.csdn.net/weixin_42880088/article/details/107556018