2024年前端最全Vue v-for详细使用 + for in 、for of + 数组扁平化(flat），现在web前端面临失业,饱和了吗

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

vue循环数组

vue循环对象

效果

三种创建对象的方法：

两种创建数组的方法：

对象的两种取值方式：

对象转换数组：

数组扁平化

for in 遍历对象的key 和 value

for of 遍历对象的key 和 值（value）

---

定义vue数据

---

data: {

//数组

arr2: [{

title: ‘星期一’

}, {

title: ‘星期二’

}, {

title: ‘星期三’

}],

//对象

area: {

“A”: [“安阳”, “安徽”],

“B”: [“北京”, “保定”],

“C”: [“长安”, “长沙”]

},

},

vue循环数组

---

v-for循环数组的时候有两个参数 第一个是数组项(表示数组中的每一项) 第二个是索引值 也叫下标

// v-for循环数组的时候有两个参数 第一个是数组项(表示数组中的每一项) 第二个是索引值 也叫下标

{{item}} ---- {{index}}

vue循环对象

---

v-for循环对象的时候有三个参数 第一个是键值对的值（value） 第二个是键值对的键（key）第三个是下标

// v-for循环对象的时候有三个参数 第一个是键值对的值（value）

// 第二个是键值对的键（key）第三个是下标

{{key}} ---- {{index}}

• {{item}}
• //因为value是数组所以要再次循环

  效果

  –

  

  三种创建对象的方法：

  ---

  var Obj1 = {};

  var Obj2 = new Object();

  var Obj3 = Object.create(Object.prototype);

  两种创建数组的方法：

  ---

  var Arr1 = [];

  var Arr2 = new Array();

  对象的两种取值方式：

  ---

  console.log(obj.name);

  console.log(obj[name]);

  对象转换数组：

  ---

  对象转化为数组的三种方法：

  Object.keys(obj) -----根据对象的键形成的数组（常用）

  Object.entries(obj) ---- 根据对象的键值对形成的数组

  Object.values(obj)----根据对象的值形成的数组

  注意点：Object开头字母要大写

  最后：

  总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

  面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

  对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  [外链图片转存中…(img-xGWqwdJi-1715504086298)]