js中改变原数组的七个方法

这篇具有很好参考价值的文章主要介绍了js中改变原数组的七个方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.push( )方法

 let  arr  = [1,2,3,4,5]

 let  res  = arr.push('添加一个字符')

 console.log(arr,"---",res)  //   [1, 2, 3, 4, 5, '添加第一个参数']  '--- '  6

 let  arr  = [1,2,3,4,5]

 let  res  = arr.push('添加第一个参数','添加第二个参数')

 console.log(arr,"--- ",res)  //  [1, 2, 3, 4, 5, '添加第一个参数', '添加第二个参数'] '--- ' 7

 push( )方法在数组索引最后添加一条或多条数据,返回值是添加完数据的数组长度。

2.pop( ) 方法

 let  arr  = [1,2,3,4,5]

 let  res  = arr.pop()

 console.log(arr,'-----',res)  //   [1, 2, 3, 4] '-----' 5

 pop( )方法删除数组索引最后的一项,返回值是删除的那条数据,注意:每次只能删除一条数据,里面传递参数不会报错,也没有任何意义。

3.shift( )方法

let  arr  = [1,2,3,4,5]

 let  res  = arr.shift()

 console.log(arr,'-----',res)   //   [2, 3, 4, 5] '-----' 1

shift( )方法删除数组索引的第一项,返回值是删除的那条数据,每次只能删除一条数据,里面传递参数不会报错,也没有任何意义。

4.unshift( )方法

 let  arr  = [1,2,3,4,5]

 let  res  = arr.unshift('abc','def')

 console.log(arr,'-----',res)   //   ['abc', 'def', 1, 2, 3, 4, 5] '-----' 7

unshift( )方法在第一个索引前添加一条或多条数据,返回值是添加完数据的数组长度。

5.reverse( )方法

 let  arr  = [1,2,3,4,5,6,7,8,9,10]

 let  res  = arr.reverse()

 console.log(arr===res) //  true

 console.log(arr,'---',res)  // (10) [10, 9, 8, 7, 6, 5, 4, 3, 2, 1] '---' (10) [10, 9, 8, 7, 6, 5, 4, 3, 2, 1]

reverse( )方法用于反转数组,返回值是反转之后的原数组, 原数组与返回的新数组引用地址是一样的。

6.splice( )方法

let arr = ['a','b','c','d','e','f','g','h','i','j','k']

 let res = arr.splice(4,3,'替换的数据一','替换的数据二')

 console.log(arr,'---',res) //  ['a', 'b', 'c', 'd', '替换的数据一', '替换的数据二', 'h', 'i', 'j', 'k']  '---'   ['e', 'f', 'g']

splice( )方法的第一个参数是从第几个索引开始截取,第二个参数是截取几个,第三个以及之后的参数是把截取的数据替换成什么(可以拥有n个参数)。返回值是截取的数据。

7.sort( )方法

 let arr = [1,56,89,36,98,24,17,34,28]

  let res = arr.sort((a,b)=>{

    return a-b

   })

   console.log(arr===res)   //   true

   console.log(arr,'---',res)  // [1, 17, 24, 28, 34, 36, 56, 89, 98] '---'  [1, 17, 24, 28, 34, 36, 56, 89, 98]

 sort ( )方法接收一个函数,函数里接收两个参数,第一个参数表示的是下一个“索引”的值,第二个参数表示的当前“索引”的值(注意没有第三个参数),通常用途是数组排序(根据ASCII码进行排序),返回值是排序之后的数组。

以上方法都会直接影响原数组。文章来源地址https://www.toymoban.com/news/detail-617887.html

到了这里,关于js中改变原数组的七个方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript:js数组/对象遍历方法

    一、js遍历方法 序号 方法 描述 1 for 使用最基本的for循环可以遍历数组 2 for of for...of语句用来遍历可迭代对象(包括数组、Set、Map、字符串等),它可以替代传统的for循环和forEach()方法。for...of循环每次迭代都将返回一个值,而不是索引。 3 for in for...in语句用来遍历对象的可

    2024年02月09日
    浏览(56)
  • 使用ChatGPT教学的七个案例

       自OpenAI公司2022年11月30日发布ChatGPT3.5以来,其技术在各行业的应用火爆全球,而且技术迭代速度很快,2023年3月15日又推出了ChatGPT4.0。处在当今人工智能时代的大潮下,教师要与时俱进,积极应用ChatGPT辅助自己的教学。 本文通过7个较为完整的案例阐明如何在自己所教的学

    2024年02月15日
    浏览(45)
  • 最高效的七个云原生开发原则

    ​Cloud native是一种软件开发方法,利用云基础架构实现更快、更可扩展的部署。云原生应用程序旨在充分利用现代化的工程实践,如自动化、托管服务和自动扩展控制。 这种模式对组织文化和工作实践也有影响。云技术应成为软件交付的重要组成部分。每个人都应该意识到云

    2024年02月02日
    浏览(37)
  • 选购音箱的七个指标,你知道吗?

    前言:现如今 人们的生活水平越来越高, 已经不单纯于满足于温饱问题,更多是追求精神上的享受。日常休闲、工作繁忙之余大家喜欢k歌、听音乐来放松消遣。日常居家大家为了 随时随地享受到好音乐 , 就会在家里购置音箱, 但你知道一款好的音箱该 如何 选购吗? 如今

    2024年02月02日
    浏览(47)
  • 用Flutter你得了解的七个问题

    Flutter是Google推出的一款用于构建高性能、高保真度移动应用程序、Web和桌面应用程序的开源UI工具包。Flutter使用自己的渲染引擎绘制UI,为用户提供更快的性能和更好的体验。 Flutter使用Dart语言,具有强大的类型、效率和易学能力,基本上你会写JS,就可以快速入门。但是,

    2024年02月01日
    浏览(40)
  • win7 诊断并修复网络的七个步骤

    Windows 7新增了一项自动诊断并修复计算机问题的功能,这个功能对于电脑菜鸟来说无疑是雪中送炭,以下笔者以网络问题作为演示。 Windows 7诊断并修复网络问题的步骤: 1、单击“开始”菜单,弹出的窗口单击“控制面板” 2、在控制面板中找到并打开“疑难解答” 3、在“网

    2024年02月07日
    浏览(84)
  • AI辅写疑似度检测:使用PaperPass的七个要点

    大家好,今天来聊聊AI辅写疑似度检测:使用神码论文的七个要点,希望能给大家提供一点参考。 以下是针对论文AI辅写率高的情况,提供一些修改建议和技巧,可以借助此类工具: 还有: AI辅写疑似度检测:使用神码论文的七个要点 随着AI技术在学术领域的广泛应用,AI辅

    2024年02月22日
    浏览(43)
  • AI辅写疑似度检测:使用PaperPass的七个实用指南

    大家好,今天来聊聊AI辅写疑似度检测:使用论智AI的七个实用指南,希望能给大家提供一点参考。 以下是针对论文AI辅写率高的情况,提供一些修改建议和技巧,可以借助此类工具: 还有: AI辅写疑似度检测:使用论智AI的七个实用指南 随着人工智能技术的迅猛发展,AI辅写

    2024年02月19日
    浏览(56)
  • 〖大前端 - 基础入门三大核心之JS篇㉔〗- JavaScript 的数组的常用方法 (一)

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月07日
    浏览(56)
  • 利用PaperPass进行AI辅写疑似度检测的七个步骤

    大家好,今天来聊聊利用神码论文进行AI辅写疑似度检测的七个步骤,希望能给大家提供一点参考。 以下是针对论文AI辅写率高的情况,提供一些修改建议和技巧,可以借助此类工具: 还有: 标题:利用神码论文进行AI辅写疑似度检测的七个步骤 随着人工智能技术的不断进步

    2024年02月22日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包