如何给JS中的数组开头添加元素
更新时间：2022年08月02日 14:07:21 作者：前端开发工程师在杭州
这篇文章主要介绍了如何给JS中的数组开头添加元素，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
JS数组开头添加元素
1.使用Array.unshift()方法
//向数组开头添加一个或多个元素，并返回新的长度，该方法改变原数组
let person= ['张三', '李四', '王五'];
console.log(person.unshift('小明')); // 4
console.log(person); // ["小明", "张三", "李四", "王五"]2.使用扩展运算符(…)
var arr1 = ['张三', '李四', '王五']; var arr2 = ['小明', ...arr1]; console.log(arr2); // ["小明", "张三", "李四", "王五"]
3.使用Aarry.concat()方法
//用于连接两个或多个数组，并返回一个新数组，该方法不会改变原数组 var arr3 = ['aaa']; console.log(arr3.concat(arr2)); // ["aaa", "小明", "张三", "李四", "王五"] console.log(arr2); // ["小明", "张三", "李四", "王五"]
向数组的开头添加一个或更多元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");fruits 将输出：
Lemon,Pineapple,Banana,Orange,Apple,Mango
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
注意： 该方法将改变数组的数目。
提示：将新项添加到数组末尾，请使用push()方法。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JavaScript实现的贝塞尔曲线算法,结合简单实例形式分析了基于javascript的贝塞尔曲线算法的相关实现技巧,需要的朋友可以参考下2018-01-01
这篇文章主要介绍了js操作滚动条事件的方法,实例分析了滚动条的使用技巧与相关注意事项,需要的朋友可以参考下2015-01-01
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
这篇文章主要介绍了5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例,需要的朋友可以参考下2015-01-01
在基本类型当中，有三种类型是我们经常使用的：boolean，number，string，通过本篇文章给大家介绍javascript高级教程5.6之基本包装类型，感兴趣的朋友一起学习吧2015-11-11
这篇文章主要为大家详细介绍了JavaScript实现购物车案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
在正式开始之前，我想先说两句，理解javascript系列博文是通过带领大家分析javascript执行时的内存分配情况，来解释javascript原理，具体会涵盖javascript预加载，闭包原理，面象对象，执行模型，对象模型...,文章的视角很特别，也非常深入，希望大家能接受这种形式，并提供宝贵意见。2010-10-10
在JavaScript中，对对象进行拷贝的场景比较常见。但是简单的复制语句只能对对象进行浅拷贝，即复制的是一份引用，而不是它所引用的对象。而更多的时候，我们希望对对象进行深拷贝，避免原始对象被无意修改2016-12-12
今天的项目中碰到了一个乱码问题，从JS里传URL到服务器，URL中有中文参数，服务器里读出的中文参数来的全是“？”，查了网上JS编码相关资料得以解决。2009-09-09
这篇文章主要介绍了js this 绑定机制,结合实例形式深入分析了js this 绑定机制相关原理、使用技巧与操作注意事项,需要的朋友可以参考下2020-04-04
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码...2007-02-02
最新评论