2024年Web前端最全Vue进阶（幺叁贰）：ES实现数组合并_es 合并数组，2024年最新前端客户端开发面试题目

最后

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

给大家分享一些关于HTML的面试题。

---

一、 ES5 中 concat 实现数组合并

var array_1 = ['reese','root','fusco'];
//["finch", "shaw", "bear", "reese", "root", "fusco"]
var array_2 = ['finch','shaw','bear'].concat(array_1);

这样就实现了2个数组的合并。

二、 ES6 中拓展符 … 实现数组合并

var array_1 = ['reese','root','fusco'];
//["finch", "shaw", "bear", "reese", "root", "fusco"]
var array_2 =['finch','shaw','bear',...array_1];

ps: ...运算符在ES6默认参数中也有用到。

三、ES5 和 ES6 语法区别

1. 对象写法
   es5中对象： {add:add,substrict:substrict}
   es6中对象： {add,substrict}
2. 在对象中方法写法
   es5中对象： {add:function(){},substrict:function(){}}
   es6中对象： {add(){},substrict(){}}
3. 对象导出写法
   es5两种形式：

• module.exports = fucntion (){};
• exprots.add = fucntion (){};

es6中写法：
写法1：

export default{
    add(){}
}

2、export fucntion add(){} 相当于将add方法当做一个属性挂载到exports对象上。

4. 对象的导入
   es5: var add = require('./calc.js');
   es6:
   如果导出的是：export default{ add(){}}
   那么可以通过 import obj from './calc.js'

如果导出的是：

	// 写法一
	export fucntion add(){} 
	export fucntion substrict(){} 
	export const PI=3.14   
	// 写法二
	var m = 1;
	export {m};


### 总结

秋招即将开始，校招的朋友普遍是缺少项目经历的，所以**底层逻辑，基础知识要掌握好！**

而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。



这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 **HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法**等高频考点**238道（含答案）**！  

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

资料截图 ：

![](https://img-blog.csdnimg.cn/img_convert/edeaa71cbc745698bdedcfe65be40387.png)

![](https://img-blog.csdnimg.cn/img_convert/981487b285a8b90918f35c830c299df8.png)

![](https://img-blog.csdnimg.cn/img_convert/9866daffbebcf87b44d9530a59427834.png)

**高级前端工程师必备资料包**  

![](https://img-blog.csdnimg.cn/img_convert/ba803e1b69e399b6739e3d33554d42a7.png)



7834.png)

**高级前端工程师必备资料包**  

![](https://img-blog.csdnimg.cn/img_convert/ba803e1b69e399b6739e3d33554d42a7.png)