JavaScript数组 - 其他方法

数组的其他方法

1.concat();

格式:数组.concat( 数组2 );

功能:将两个数组合并成一个新数组,源数组不会被改变

返回值:我们合并好的数组

参数:我们要合并的数组

举个小例子:

运行结果如下:arr输出结果是两个数组合起来的

arr1和arr2里面的元素不变

2.slice();

格式:数组.slice( start,end );

功能:基于当前数组获取指定区域元素并创建一个新数组,源数组不改变。

参数:start开始获取区域的下标;end结束获取区域的下标,但不包含end下标的元素,左开右闭

返回值:指定区域元素生成的新数组

举个小例子:

运行结果:newArr是截取到了绿巨人和超人

原数组中的元素没有改变

3.splice();

格式:数组.splice( start,length,元素…  )

功能:删除、插入、替换

参数:

参数1 截取的开始下标

参数2 截取的长度

参数3 在截取开始下标位置,我们要插入的元素,插入元素的个数随意

注意:会对源数组进行修改

返回值:截取掉的元素,组成的数组

举个小例子:

1.删除功能

运行结果如下,rel返回值显示为被删除的blue

然后看一下arr数组显示为

2.插入功能

运行结果如下,

arr返回首先插入下标为1这个位置,不需要截取元素就输入0,再写上要插入的元素

res的返回值为空的,因为我们没有截取任何元素

如果我们要插入多个参数,就可以继续在yello后写多个元素

运行结果如下,同样也可以插入

3.替换功能

通过上面两个例子,我们大致的对着三个参数有了解,原理就是先删除,再插入

比如我们要将blue替换为yellow,先删除后再插入

运行结果如下,res的返回值为blue,即为被截取(删除)的

arr数组的返回为已经替换了的

以上就是关于splice的用法

4.join();

格式:数组.join();

功能:使用拼接符将数组中的元素拼接为字符串

参数:拼接符

返回值:拼接好的字符串

举个小例子:

将10,20,30拼接为字符串

运行结果如下

不止 ”+”,可以写任意的链接符

(0)

相关推荐

  • 最全的JavaScript常见的操作数组的函数方法宝典

    JavaScript在其内部封装了一个Array对象,使得我们可以方便地使用数组这种简单的数据结构,同时,也在 Array对象的原型上定义了一些常用并且很有用的操作数组的函数. 本文就将详细介绍一下每 ...

  • js数组方法(管饱)

    有一些数组方法是ECMAScript新增的,一定要注意浏览器的兼容!!Array对象属性:属性说明constructor返回对创建此对象的函数引用length返回集合内的元素的所有长度prototyp ...

  • JS数组的常用方法

    JS数组的常用方法

  • javascript 数组 对象的一些方法记录

    记录一下常用的数组和对象的一些方法 数组 push() 数组后添加元素 // 作用:把一个元素或多个元素,从数组后面添加到数组里面: // 参数:添加的数据 // 返回:添加后的数组的长度: let ...

  • JS数组和字符串汇总

    数组 1. 基本常识 数组是引用类型的一种,什么是引用类型呢? 和原始类型不同,引用类型变量中存放的仅仅是引用对象的内存地址. 所以,当我们复制引用类型的时候,复制的仅仅是它的地址罢了. 也就是说,任 ...

  • WEB前端第二十六课——js数组

    WEB前端第二十六课——js数组

  • JavaScript的内置对象

    内置对象:对象是由属性和方法组成的,使用点语法访问 一,array数组 1. 特点: 数组用于存储若干数据,自动为每位数据分配下标,从0开始 数组中的元素不限数据类型,长度可以动态调整 动态操作数组元 ...

  • JavaScript数组 - 栈和队列方法

      栈方法  为了实现栈这个结构存在的方法 什么叫栈? 栈是古代的木盆,相当于现在的洗衣机:从同一个口进并且从同一个口出 如果要洗衣服拿出最底面的衣服必须要先拿出上面的衣服才可以 栈方法也是一样,先进 ...

  • JavaScript数组的一些方法、数学对象、定时器

    <script>         // sort()方法会按照字符串的先后顺序对数组的每一个数组项目的字符顺序来进行排序的         // 如果数组的某个项目不是字符串, 那么会先把 ...

  • 15个你应该掌握的JavaScript数组方法

    点击链接 15个你应该掌握的JavaScript数组方法 WEB前端开发社区 2021-10-12 什么是数组方法? 数组方法是 JavaScript 内置的函数,可以应用于数组.每种方法都有一个独特 ...

  • 一种通用整形数组压缩方法

    我们在开发中后台应用或者中间件的时候,会存储一些数据在内存中以加快访问速度.随着数据量的增加,除了可以放置于堆外,还可以通过实时压缩来缓解.今天就给大家介绍一种压缩整形数组的方式. 一  数据压缩 数 ...

  • Excel一维数组转二维数组的方法

    excel使用技巧大全在前面我们已经讲过,读取数组中的数据都是连续的.但有时,一些数据是不连续的.这时我们应该怎么办呢? 例如,许多格式相同的sheet要合并在一起.我们想看每一个sheet的数据.此 ...

  • JavaScript日期对象 - 方法

    日期对象的方法 日期格式化方法: 格式:日期对象.方法(); alert( box.toDateString() );  以特定的格式显示星期几.月.日和年 alert( box.toTimeStri ...

  • 前端教程:Javascript String.slice()方法

    此方法提取字符串的一部分,并返回一个新的字符串. 语法 string.slice( beginslice [, endSlice] );1复制代码类型:[javascript] 下面是参数的详细信息: ...

  • JavaScript字符串 - 查找方法

    字符串查找的方法 子字符串代表的就是要查找的字符串 1.indexOf(); 格式:字符串.indexOf( 子字符串串,开始查找的位置 ); 返回值:如果在字符串中查找到了子字符串第一次出现的位置, ...