前端ES5 | js —添加元素方法

简介: 前端ES5 | js —添加元素方法

/ 1.使用for循环和push方法 /
function append(arr, item) {
const res = []
for(let i=0;i<arr.length;i++) {
res.push(arr[i])
}
res.push(item)

return res;

}

/ 2.使用concat合并 /
function append(arr, item) {
return arr.concat(item);
}

/ 3.使用slice浅拷贝数组 /
function append(arr,item) {
let res = arr.slice(0)
res.push(item)
return res
}

/ 4.使用扩展运算符 /
function append(arr,item) {
let res = [...arr,item]
return res
}

/ 5.forEach替代for循环 /
function append(arr, item) {
const res = []
arr.forEach(element => {
res.push(element)
});
res.push(item)

return res;
相关文章
|
2天前
|
JavaScript 前端开发
js删除数组最后一个元素
js删除数组最后一个元素
|
2天前
|
JavaScript 前端开发
JavaScript Array map() 方法
JavaScript Array map() 方法
|
1天前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
|
1天前
|
JavaScript 前端开发
JavaScript 中的新 Set 方法
JavaScript 中的新 Set 方法
|
2天前
|
存储 JavaScript
js切割截取字符串方法
js切割截取字符串方法
|
2天前
|
JavaScript
JS数组合并的常用方法
JS数组合并的常用方法
|
10天前
|
JavaScript 前端开发
js怎么定位不同的页面元素
在JavaScript中,有多种方法定位和选择页面元素。
|
7天前
|
前端开发 JavaScript 开发者
Express.js与前端框架的集成:React、Vue和Angular的示例与技巧
本文介绍了如何将简洁灵活的Node.js后端框架Express.js与三大流行前端框架——React、Vue及Angular进行集成,以提升开发效率与代码可维护性。文中提供了详细的示例代码和实用技巧,展示了如何利用Express.js处理路由和静态文件服务,同时在React、Vue和Angular中构建用户界面,帮助开发者快速掌握前后端分离的开发方法,实现高效、灵活的Web应用构建。
29 3
|
6天前
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
1月前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
22 0