]
首先使用user.key()
,遍历返回数组索引
console.log(Array.from(user.keys())) // [0, 1, 2]
user.values()
,遍历返回数组元素
console.log(Array.from(user.values()))
user.entries()
,遍历返回索引 / 值对
console.log(Array.from(user.entries()))
三、数组常用操作方法
slice(stratIndex,endIndex)
若参数全满,返回从开始索引到结束索引的所有元素;
若只有一个参数,返回从开始索引到结束索引的对应元素。
splice(startIndex, length, new1, new2....)
用于删除、替换或者插入
let newData = {“username”: “ys”,“age”: “22”,“gender”:“计科1902”,“className”:“3班”,“id”:6}
person.splice(1,1,newData) // 这里是替换的使用
四、数组常用搜索方法
按严格相等搜索
indexOf()
和 lastIndexOf()
返回要查找的元素在数组中的位置,若没有则返回-1
includes()
返回布尔值,比较时使用全等(===
)
三者都有两个参数(targetElement,startIndex)
let person = { name: “Nico”}
let people = [{name: “Nico”}]
let morePeople = [person]
console.log(people.indexOf(person)) // -1
console.log(morePeople.includes(person)) // true
console.log(morePeople.indexOf(person)) // 0
console.log(people.includes(person)) // false
按断言搜索
find()
和 findeIndex()
接收三个参数 (value, index, array)
, 返回真值,找到匹配项后就不在寻找。
find(参数,回调函数)
返回满足条件的元素
console.log(person.find(((value, index, obj) => {
return value.id == ‘2’
})))
findIndex(参数,回调函数)
返回满足条件的index
let newData = person.findIndex(((value, index, obj) => {
return value.id == ‘2’
}))
console.log(newData) // 2
五、数组常用迭代方法
参数:(value, index, array) => { }
every()
: 若每一项都返回true
,则这个方法返回true
let number = [1, 3, 5, 4, 2, 8]
let res = number.every((value => value > 2)) // false
some()
: 只要有一项返回true
,就返回true
let number = [1, 3, 5, 4, 2, 8]
let res = number.some((value => value > 2)) // true
filter()
: 函数返回true
的项会组成数组之后返回
let number = [1, 3, 5, 4, 2, 8]
let res = number.filter((value => value > 2)) // [3, 4, 5, 8]
forEach()
: 无返回值
person.forEach((value, index, array) => {
if (value.id == ‘4’) {
person.splice(index,1)
}
}) // 删除id为4的数据
map()
:由原数组中的每个元素调用一个指定方法后的返回值组成的新数组
let users = [
{“name”: “张小花”, “email”: “zhang@qq.com”},
{“name”: “body”, “email”: “body@qq.com”},
{“name”: “李小璐”, “email”: “li@qq.com”}
];
let newEmail = users.map(function (item) {
return item.name;
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
总结一下
面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。
还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。
万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。
为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。
前端面试题汇总
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
img_convert/5230c48fd0fcb265f3401a21603bda2b.png)
前端面试题汇总
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-pIAD4Bxf-1712730618583)]