<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app"></div>
<script src="../vue.js"></script>
<script>
const app = new Vue({
el: '#app',
data: {
}
})
const nums = [121,42,422,241,435,634,24,6557]
// //这三个newnums都是数组
// //先筛选大于100的值
// let newnums1 = nums.filter(function(n){
// return n > 100;
// })
// //再每个值乘2
// let newnums2 = newnums1.map(function(n){
// return n*2;
// })
// //最后求和
// let newnums3 = newnums2.reduce(function(pre,n){
// return pre+n;
// },0)//这个0是令最初的pre为0
// alert(newnums3);
// //简写
// let total = nums.filter(function(n){
// return n > 100;
// }).map(function(n){
// return n*2;
// }).reduce(function(pre,n){
// return pre+n;
// },0)
// alert(total);
//用=>方式
let total = nums.filter(n => n > 100).map(n => n * 2).reduce((pre, n) => pre + n);
alert(total);
</script>
</body>
</html>