数组处理

1. 三元表达式

(条件)?'A':'B'
条件为true置为A，反之B

可用作动态绑定class更改样式
:class="(条件)?'类名A':'类名B'"

2. 数组处理

map方法

(数组).map((item, index) =>item)

includes方法    判断数组中是否存在某元素，结果为true/false

(数组).includes(元素)

splice方法   删除指定位置的元素

(数组).splice((数组).indexOf(元素),1)

Set方法    es6 Set去重 ‘推荐’

[...new Set(数组)]

[...new Set('aabbcc')].join('')  结果"abc"  去除字符串里面的重复字符

push拼接    es6语法

arr1.push(...arr2);

Array.of	将一组值，转换为数组。

Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length // 1

Array.from() 	用于将两类对象转为真正的数组，将字符串转为数组，然后返回字符串的长度

let arrayLike = {'0': 'a','1': 'b', '2': 'c',length: 3};
let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']

fill方法	使用给定值，填充一个数组。

new Array(3).fill(7)	// [7, 7, 7]

3.object-fit

object-fit:cover   //保持原有尺寸比例。但部分内容可能被剪切
object-fit:contain  //保持原有尺寸比例。内容被缩放
object-fit:none  //保留原有元素内容的长度和宽度，也就是说内容不会被重置
object-fit:scale-down  //保持原有尺寸比例。内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些