JavaScript中forEach()、map()、some(

forEach:没有返回值
map:有返回值,把原数组经过处理后返回新数组

var arr = [1, 2, 3, 4, 5]
var newArr = arr.map(function(item) {
  return item * 2
})
console.log(newArr); 
[2, 4, 6, 8, 10]

filter:有返回值,返回符合条件的新数组

var arr = [1, 2, 3, 4, 5]
var newArr = arr.filter(function (item) {
  return item > 3
})
console.log(newArr);
[4,5]

some:有返回值,数组中只要查找到第一个值满足条件就会返回true且终止循环
可以手动return true终止循环

var arr = [1, 2, 3, 4, 5]
var newArr = arr.some(function (item) {
  return item > 4
})
console.log(newArr);
true

every:有返回值,数组中的每一个值必须全部满足条件才会返回true
查找到第一个值不满足条件就会返回false且终止循环
可以手动return false终止循环
如果没有返回值true也会跳出循环

var arr = [2, 3, 4, 5]
var newArr = arr.every(function (item) {
  return item > 1
})
console.log(newArr);
true

keys、values、entries

它们都返回一个遍历器对象，可以用 for...of 循环进行遍历。

keys() —— 返回元素索引
values() —— 返回元素本身
entries() —— 返回元素和索引

const arr = ['a', 'b', 'c']

for (let index of arr.keys()) {
    console.log(index);
}
// 0
// 1
// 2
for (let elem of arr.values()) {
    console.log(elem); // a  b  c
}
// a
// b
// c
for (let [index, elem] of arr.entries()) {
    console.log(index, elem);
}
// 0 "a"
// 1 "b"
// 2 "c"

动画

 /*
        vue分为入场动画,和离场动画
        v-enter 这是入场动画开始之前的状态,即原状态 到 达到动画效果的时间段的起始点
        v-leave-to 是离场动画结束后的状态 即 动画效果还原到初始状态后的结束点
        注意下面的是类名,不要少写了点
        */
        .v-enter,.v-leave-to{
            opacity: 0; //透明度,0代表完全透明,1完全不透明
        }
        .v-enter-active,.v-leave-active{
            transition: all 1s ease;  // all 所有样式, 0.5秒动画的执行时间,ease变速执行
        }