JavaScript数组详细归纳,前端面试简历模板

]

首先使用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前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

总结一下

面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。

万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。

为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
img

img_convert/5230c48fd0fcb265f3401a21603bda2b.png)

前端面试题汇总

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-pIAD4Bxf-1712730618583)]

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值