// 箭头函数写法
var newArray = arr.map(element => element * element)
filter用于过滤掉“不合格”的元素
返回一个新数组，如果在回调函数中返回 true，那么就留下来，如果返回 false，就扔掉，因此返回的数组的长度和原数组的长度不一定一致
var arr = [1000, 5000, 20000, 3000, 10000, 800, 1500]
//第一个参数：element，数组的每一项元素
//第二个参数：index，数组的下标
//第三个参数：array，正在遍历的数组
//返回值：一个新数组，存储了所有返回true的元素
var newArray = arr.filter(function(element, index, array) {
if (element > 5000) {
return false
} else {
return true
}
})
console.log(newArray) //[1000, 5000, 3000, 800, 1500]
// 箭头函数写法
var newArray = arr.filter(element => element > 5000)
some用于遍历数组，如果有至少一个满足条件，就返回 true，否则返回 false。同样的每一个元素都会执行一遍 function，相当于最后返回的结果进行了一个 ||运算，全为 false 才是 false
var arr = [2, 4, 6, 8, 10, 21] // 判断数组是否包含奇数
//第一个参数：element，数组的每一项元素
//第二个参数：index，数组的下标
//第三个参数：array，正在遍历的数组
//返回值：布尔类型的值，只要有一个回调函数返回true，就返回true
var flag = arr.some(function(element, index, array) {
console.log(element, index, array)
if (element % 2 == 1) {
return true
} else {
return false
}
})
console.log(flag) //true
// 箭头函数写法
var flag = arr.some(element => element % 2 == 1)
every用于遍历数组，只有当所有的元素返回 true，才返回 true，否则返回 false，每个元素执行完 function 返回的结果做一个 && 运算，全为 true 结果才是 true
var arr = [2, 4, 6, 8, 10, 21] //判断数组是否都是偶数
//第一个参数：element，数组的每一项元素
//第二个参数：index，数组的下标
//第三个参数：array，正在遍历的数组
//返回值：布尔类型的值，只有当所有的元素返回true，才返回true，否则返回false。
var flag = arr.every(function(element, index, array) {
console.log(element, index, array)
if (element % 2 == 0) {
return true
} else {
return false
}
})
console.log(flag) //false
// 箭头函数写法
var flag = arr.some(element => element % 2 == 0)
**forEach: 作用：只会让每个元素执行一次函数， 没有别的功能 for 循环
map: 作用：返回一个新的数组，长度和原数组一样 新数组会保存每次 function 返回的值
filter: 作用：得到一个新数组， 保留哪些满足条件（返回 true）
some: 作用：得到布尔值 只要有函数返回 true，整体结果就是 true
every: 作用：得到布尔值，要所有的函数都返回 true，结果就是 true**
变量声明
ES6 中提供了两个声明变量的关键字：const 和 let
注意：
在ES5中var function 声明的全局变量都是顶级对象（window）的属性，而ES6中声明的全局变量不属于顶级对象的属性
var age = 18
console.log(this.age) // 18
let age = 18
console.log(this.age) // undefined
ES6 新增了let命令，用来声明变量。它的用法类似于var。
let 声明的变量只有在当前作用域有效
不存在变量提升
不允许重复声明
块级作用域
{
let a = 10
var b = 1
}
a // ReferenceError: a is not defined.
b // 1
// let 的情况
console.log(bar) // 报错ReferenceError
let bar = 2
let a = 10
let a = 1 //报错 Identifier ‘a’ has already been declared
for循环的计数器，就很合适使用let命令。
for (let i = 0; i < 10; i++) {
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）
最后
javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
[外链图片转存中…(img-IARXhrTR-1711660944751)]
[外链图片转存中…(img-jBo0OiAb-1711660944752)]
扫一扫
1692
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
