文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

web前端:JS中的常用数组方法

编程小独行侠

编程小独行侠

2024-04-23 23:31

关注

  数组是在程序开发设计中,为了处理方便,把具有相同类型的若干元素按无序的形式组织起来的一种形式。这些无序排列的同类数据元素的集合称为数组。

  JS中的常用数组方法

  concat()连接两个或更多的数组,并返回结果。

  join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

  pop()删除并返回数组的最后一个元素

  push()向数组的末尾添加一个或更多元素,并返回新的长度。

  reverse()颠倒数组中元素的顺序。

  shift()删除并返回数组的第一个元素

  slice()从某个已有的数组返回选定的元素

  sort()对数组的元素进行排序

  splice()删除元素,并向数组添加新元素。

  toSource()返回该对象的源代码。

  toString()把数组转换为字符串,并返回结果。

  toLocaleString()把数组转换为本地数组,并返回结果。

  unshift()向数组的开头添加一个或更多元素,并返回新的长度。

  valueOf()返回数组对象的原始值

  一、slice(start,end)

  *从start开始截取到end但是不包括end

  *返回值为截取出来的元素的集合

  *原始的数组不会发生变化

  vararr=[1,2,3,4,5,6,7,"f1","f2"];

  console.log(arr.slice(2));//[3,4,5,6,7,"f1","f2"]

  console.log(arr.slice(2,3));//[3];

  console.log(arr.slice(2,4));//[3,4];

  二、splice(start,deleteCount,item1,item2…..);

  *start参数开始的位置

  *deleteCount要截取的个数

  *后面的items为要添加的元素

  *如果deleteCount为0,则表示不删除元素,从start位置开始添加后面的几个元素到原始的数组里面

  *返回值为由被删除的元素组成的一个数组。如果只删除了一个元素,则返回只包含一个元素的数组。如果没有删除元素,则返回空数组

  *这个方法会改变原始数组,数组的长度会发生变化

  vararr1=[1,2,3,4,5,6,7,"f1","f2"];

  console.log(arr1.splice(2,3));//[3,4,5]返回值为被截取的数组

  console.log(arr1);//[1,2,6,7,"f1","f2"]原数组被改变

  vararr2=[1,2,3,4,5,6,7,"f1","f2"];

  console.log(arr2.splice(2,0,'x','y'));//从第二位后面删除0位然后插入新数据,返回值为空数组

  console.log(arr2);//[1,2,"x","y",3,4,5,6,7,"f1","f2"]

  vararr3=[1,2,3,4,5,6,7,"f1","f2"];

  console.log(arr3.splice(2,3,'a','b'));//[3,4,5]从第二位后面删除3位然后插入新数据,返回值为被删除的数组

  console.log(arr3);//[1,2,'a','b',6,7,"f1","f2"];

  vararr4=[1,2,3,4,5,6,7,"f1","f2"];

  console.log(arr4.splice(2));//[3,4,5,6,7,"f1","f2"]

  console.log(arr4);//[1,2]

  所谓数组,是有序的元素序列。若将有限个类型相同的变量的集合命名,那么这个名称为数组名。组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量。用于区分数组的各个元素的数字编号称为下标。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     428人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     199人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     159人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     239人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     62人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯