• 技术文章 >web前端 >js教程

    详解JavaScript数组开头添加元素的3种方法

    青灯夜游青灯夜游2021-04-28 12:51:13转载1068
    本篇文章给大家介绍一下JavaScript中将元素添加到数组开头的3种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    今天,我们来一起学习一下如何把元素添加到数组的开头。

    1.Array.unshift()

    let fruits = ["Apple", "Banana", "Mango"];
    
    fruits.unshift("Orange");
    console.log(fruits);
    // Prints ["Orange", "Apple", "Banana", "Mango"] 
    fruits.unshift("Guava", "Papaya");
    console.log(fruits);
    // Prints ["Guava", "Papaya", "Orange", "Apple", "Banana", "Mango"]

    2.使用展开运算符(...)

    var fruits = ["Apple", "Banana", "Mango"];
    
    var moreFruits = ["Orange", ...fruits];
    console.log(moreFruits);
    // Prints ["Orange", "Apple", "Banana", "Mango"] 
    var someoMoreFruits = ["Guava", "Papaya", ...moreFruits];
    console.log(someoMoreFruits);
    // Prints ["Guava", "Papaya", "Orange", "Apple", "Banana", "Mango"] 
    console.log(fruits);
    // Prints ["Apple", "Banana", "Mango"]

    3.使用 Array.concat()

    我们还可以使用concat()方法在开头连接两个(或更多)数组。

    var fruits = ["Apple", "Banana", "Mango"];
    var moreFruits = ["Orange"];
    var someoMoreFruits = ["Guava", "Papaya"];
    
    var allFruits = someoMoreFruits.concat(moreFruits, fruits);
    console.log(allFruits);
    // Prints ["Guava", "Papaya", "Orange", "Apple", "Banana", "Mango"]

    原文地址:https://codingnconcepts.com/javascript/how-to-add-element-at-beggining-of-javascript-array/

    作者:Orkhan Jafarov

    译文地址:https://segmentfault.com/a/1190000039129785

    更多编程相关知识,请访问:编程视频!!

    以上就是详解JavaScript数组开头添加元素的3种方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:segmentfault,如有侵犯,请联系admin@php.cn删除
    专题推荐:JavaScript 数组
    上一篇:10种TypeScript编写代码时应改正的坏习惯 下一篇:jquery怎么改变css样式
    大前端线上培训班

    相关文章推荐

    • javascript怎么检查字符串是否包含某个子字符串• javascript数组怎么判断是否存在某元素• javascript怎么设置元素宽度• javascript怎么删除元素属性• javascript怎么实现点击按钮跳转页面

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网