本文摘自PHP中文网,作者青灯夜游,侵删。
本篇文章给大家介绍一下JavaScript中将元素添加到数组开头的3种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。今天,我们来一起学习一下如何把元素添加到数组的开头。
1.Array.unshift()
1 2 3 4 5 6 7 8 | let fruits = [ "Apple" , "Banana" , "Mango" ];
fruits.unshift( "Orange" );
console.log(fruits);
fruits.unshift( "Guava" , "Papaya" );
console.log(fruits);
|
2.使用展开运算符(...)
1 2 3 4 5 6 7 8 9 10 | var fruits = [ "Apple" , "Banana" , "Mango" ];
var moreFruits = [ "Orange" , ...fruits];
console.log(moreFruits);
var someoMoreFruits = [ "Guava" , "Papaya" , ...moreFruits];
console.log(someoMoreFruits);
console.log(fruits);
|
3.使用 Array.concat()
我们还可以使用concat()
方法在开头连接两个(或更多)数组。
1 2 3 4 5 6 7 | var fruits = [ "Apple" , "Banana" , "Mango" ];
var moreFruits = [ "Orange" ];
var someoMoreFruits = [ "Guava" , "Papaya" ];
var allFruits = someoMoreFruits.concat(moreFruits, fruits);
console.log(allFruits);
|
原文地址:https://codingnconcepts.com/javascript/how-to-add-element-at-beggining-of-javascript-array/
阅读剩余部分
相关阅读 >>
java和javascript有什么区别
html5结合javascript实现简易音乐播放器
javascript算术运算符有哪些
移动端页面头部固定定位的绝对定位实现(代码示例)
用js和html做一个简易画板代码
javascript怎么判断数据类型
javascript怎么保留两位小数
javascript怎么改变鼠标指针样式
canvas跨域的解决方案介绍
jquery javascript ajax区别是什么
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 详解JavaScript数组开头添加元素的3种方法