数组方法汇总js

最新推荐文章于 2023-05-12 09:25:01 发布
最新推荐文章于 2023-05-12 09:25:01 发布
阅读量270 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34507902/article/details/109021854
版权

1.concat

定义和用法

concat() 方法用于连接两个或多个数组。

该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

 

语法

arrayObject.concat(arrayX,arrayX,......,arrayX)
参数描述
arrayX必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。

返回值

返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

例子 3

在本例中，我们创建了三个数组，然后使用 concat() 把它们连接起来：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

var arr3 = new Array(2)
arr3[0] = "William"
arr3[1] = "Franklin"

document.write(arr.concat(arr2,arr3,'element')
)

</script>

输出：

George,John,Thomas,James,Adrew,Martin,William,Franklin,element

2. JavaScript join() 方法

定义和用法

join() 方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。

语法

arrayObject.join(separator)
参数描述
separator可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。

返回值

返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。

实例

例子 1

在本例中，我们将创建一个数组，然后把它的所有元素放入一个字符串：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(
arr.join()
)

</script>

 

输出：

George,John,Thomas

例子 2

在本例中，我们将使用分隔符来分隔数组中的元素：

实例
例子 1
在本例中，我们将创建一个数组，然后把它的所有元素放入一个字符串：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join())

</script>
输出：

George,John,Thomas
例子 2
在本例中，我们将使用分隔符来分隔数组中的元素：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join("."))

</script>
输出：

George.John.Thomas

输出：

George.John.Thomas

 

3.JavaScript pop() 方法

JavaScript Array 对象

定义和用法

pop() 方法用于删除并返回数组的最后一个元素。

语法

arrayObject.pop()

返回值

arrayObject 的最后一个元素。

说明

pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。

实例

在本例中，我们将创建一个数组，然后删除数组的最后一个元素。请注意，这也会改变数组的长度：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr)

document.write("<br />")

document.write(arr.pop())

document.write("<br />")

document.write(arr)

</script>

输出：

George,John,Thomas
Thomas
George,John

4.JavaScript push() 方法

JavaScript Array 对象

定义和用法

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

语法

arrayObject.push(newelement1,newelement2,....,newelementX)
参数描述
newelement1必需。要添加到数组的第一个元素。
newelement2可选。要添加到数组的第二个元素。
newelementX可选。可添加多个元素。

返回值

把指定的值添加到数组后的新长度。

说明

push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

提示和注释

注释：该方法会改变数组的长度。

提示：要想数组的开头添加一个或多个元素，请使用 unshift() 方法。

实例

在本例中，我们将创建一个数组，并通过添加一个元素来改变其长度：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(
arr.push("James")
 + "<br />")
document.write(arr)

</script>

输出：

George,John,Thomas
4
George,John,Thomas,James

5.JavaScript reverse() 方法

JavaScript Array 对象

定义和用法

reverse() 方法用于颠倒数组中元素的顺序。

语法

arrayObject.reverse()

提示和注释

注释：该方法会改变原来的数组，而不会创建新的数组。

实例

在本例中，我们将创建一个数组，然后颠倒其元素的顺序：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.reverse())

</script>

输出：

George,John,Thomas
Thomas,John,George

6.JavaScript shift() 方法

JavaScript Array 对象

定义和用法

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

语法

arrayObject.shift()

返回值

数组原来的第一个元素的值。

说明

如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法不创建新数组，而是直接修改原有的 arrayObject。

提示和注释

注释：该方法会改变数组的长度。

提示：要删除并返回数组的最后一个元素，请使用 pop() 方法。

实例

在本例中，我们将创建一个数组，并删除数组的第一个元素。请注意，这也将改变数组的长度：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.shift() + "<br />")
document.write(arr)

</script>

输出：

George,John,Thomas
George
John,Thomas

7.JavaScript unshift() 方法

JavaScript Array 对象

定义和用法

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

语法

arrayObject.unshift(newelement1,newelement2,....,newelementX)
参数描述
newelement1必需。向数组添加的第一个元素。
newelement2可选。向数组添加的第二个元素。
newelementX可选。可添加若干个元素。

返回值

arrayObject 的新长度。

说明

unshift() 方法将把它的参数插入 arrayObject 的头部，并将已经存在的元素顺次地移到较高的下标处，以便留出空间。该方法的第一个参数将成为数组的新元素 0，如果还有第二个参数，它将成为新的元素 1，以此类推。

请注意，unshift() 方法不创建新的创建，而是直接修改原有的数组。

提示和注释

注释：该方法会改变数组的长度。

注释：unshift() 方法无法在 Internet Explorer 中正确地工作！

提示：要把一个或多个元素添加到数组的尾部，请使用 push() 方法。

实例

在本例中，我们将创建一个数组，并把一个元素添加到数组的开头，并返回数组的新长度：

<script type="text/javascript">

var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.unshift("William") + "<br />")
document.write(arr)

</script>

输出：

George,John,Thomas
4
William,George,John,Thomas

8.JavaScript slice() 方法

JavaScript Array 对象

定义和用法

slice() 方法可从已有的数组中返回选定的元素。

语法

arrayObject.slice(start,end)
参数描述
start必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

返回值

返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

说明

请注意，该方法并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()。

提示和注释

注释：您可使用负值从数组的尾部选取元素。

注释：如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。

实例

例子 1

在本例中，我们将创建一个新数组，然后显示从其中选取的元素：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.slice(1) + "<br />")
document.write(arr)

</script>

输出：

George,John,Thomas
John,Thomas
George,John,Thomas

例子 2

在本例中，我们将创建一个新数组，然后显示从其中选取的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)

</script>

输出：

George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin

9.JavaScript sort() 方法

JavaScript Array 对象

定义和用法

sort() 方法用于对数组的元素进行排序。

语法

arrayObject.sort(sortby)
参数描述
sortby可选。规定排序顺序。必须是函数。

返回值

对数组的引用。请注意，数组在原数组上进行排序，不生成副本。

说明

如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。

如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：

  • 若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
  • 若 a 等于 b，则返回 0。
  • 若 a 大于 b，则返回一个大于 0 的值。

实例

例子 1

在本例中，我们将创建一个数组，并按字母顺序进行排序：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.sort())

</script>

输出：

George,John,Thomas,James,Adrew,Martin
Adrew,George,James,John,Martin,Thomas

亲自试一试

例子 2

在本例中，我们将创建一个数组，并按字母顺序进行排序：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />")
document.write(arr.sort())

</script>

输出：

10,5,40,25,1000,1
1,10,1000,25,40,5

请注意，上面的代码没有按照数值的大小对数字进行排序，要实现这一点，就必须使用一个排序函数：

<script type="text/javascript">

function sortNumber(a,b)
{
return a - b
}

var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />")
document.write(arr.sort(sortNumber))

</script>

输出：

10,5,40,25,1000,1
1,5,10,25,40,1000
怒放的生命1991
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
js数组再倒数第二个添加元素_【JS】JS数组添加元素的三种方法
weixin_39945531的博客
12-19 6116
正文1、push()方法可向数组的末尾添加一个或多个元素，并返回新的长度。1)、语法：arrayObject.push(newelement1,newelement2,....,newelementX)参数描述newelement1必需。要添加到数组的第一个元素。newelement2可选。要添加到数组的第二个元素。newelementX可选。可添加多个元素。2)、返回值：把指定的值添加到数组后...
JS数组的方法-总结
weixin_44222157的博客
08-07 220
JS中数组的方法 前言：最近写东西发现偶尔用到一些不常用的数组方法，生疏了，趁着周六总结一下。 ES5中数组的方法：
js基础学习2
weixin_52417433的博客
03-29 429
变量，属性，函数，方法的区别 1.变量和属性相同的，都是存储数据 2.变量 单声明并赋值 使用时直接写变量名 单独存在 3.属性 在对象里面不用声明 使用时必须是 对象.属性 var num=10; var obj={ age=10 fn:function(){ }//方法 } console.log(obj.age); function fn(){ }//函数 4.函数 单独声明 并且调用函数 函数名（）单独存在 5.方法在对象里面 在调用的是 对象.方法（） 创建
【JS】JS数组添加元素的三种方法
weixin_38090079的博客
05-12 3528
这里写目录标题正文1、push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。2、unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。3、splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 正文 1、push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 1）、语法： arrayObject.push(newelement1,newelement2,....,newelementX) 参数 描述 newelement
js在数组指定位置插入内容
qq_46617584的博客
04-06 1543
在数组的倒数第二个位置添加元素。
js 数组方法汇总
温情
07-06 272
一、js创建数组的方式 1、使用 Array 构造函数 let arr = new Array(); // 括号里可以带参数 // 传入一个数字, 这个数组代表这个数组的长度 let arr = new Array(3); // 传入多个数字、一个或多个非数字 代表这些是传递到数组中的初值 let arr1 = new Array(3, 5, 8); console.log(arr1); // [3, 5, 8] 2、使用数组字面量 let arr = ['温情', 'key', 'GAI']; c
Javascript 数组方法汇总整理
07-25
Javascript 数组方法汇总整理
javascript中数组方法汇总
10-23
本文给大家详细汇总了一下javascript中的数组方法，十分的全面细致，有需要的小伙伴可以参考下。
超详细的javascript数组方法汇总
10-23
主要对javascript的数组方法进行了详细的汇总，包括了最常用的的数组方法，还有扩展方法，很全面，感兴趣的小伙伴们可以参考一下
javascript数组使用调用方法汇总
10-30
JavaScript 数组使用调用方法汇总 JavaScript 数组是一种重要的数据结构，用于存储和操作多个值。数组提供了多种方法来操作和处理数组元素，这些方法可以分为以下几类：添加元素、删除元素、排序、查找、转换等。 ...
JavaScript中使用数组方法汇总
11-26
本文将汇总JavaScript中常用的数组方法，以及一些关于数组创建、访问、修改和遍历的知识点。 首先，创建数组有多种方式。一种是通过`new Array()`构造函数，例如： ```javascript var arr = new Array(); var ...
js在数组的指定位置插入一个数组
youyuliu的博客
07-13 6万+
问题： arr1 = ['a', 'b', 'c']  arr2 = ['1', '2', '3']  把数组arr2插入数组arr1的第二个元素b后面；   思路：  插入特定的位置，我们首先会想到splice， splice用法如下。index是索引，howmany是删除多少个元素，后面的item是插入的元素 arrayObject.splice(index,howmany,item...
在以下数组的第二个元素后插入元素3 var ar = [1,2,4,5,6];
云上
07-28 666
在以下数组的第二个元素后插入元素3  var ar = [1,2,4,5,6]; 在如下数组第二个元素后插入一个元素3 var ar = [1,2,4,5,6]; ar.splice(2,0,3); alert(JSON.stringify(ar)); 输出结果：
js向数组中插入元素
codeFly
08-11 2万+
1、在数组的开头添加新元素 - unshift() function myFunction(){ var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon","Pineapple"); var x=document.getElementById("demo"); x.innerHTML=fruits; } 结果: Lemon,Pineapple,Banana,Orange,Apple
js数组再倒数第二个添加元素_Javascript学习之数组（Array）方法论
weixin_42628688的博客
12-30 3606
Javascript学习之数组(Array)方法论(一)，改变原数组的方法### 创建数组字面方法定义```let arr = [1,2,3]```构造数组方式```let arr1 = Array()//[]let arr2 = Array()//[,,]let arr3 = Array//[1,2,3]```### 数组方法####改变原数组可以改变原数组的方法es5有9个，在es6中有一个`...
JS向数组添加元素，插入数据
热门推荐
07-22 40万+
js中对于数组的操作很常见，下面记录一下js向数组添加元素的方法。 let myArray=[11,22,33]; console.log('原数组：',myArray); myArray.push(44,55); console.log('用push在数组后面插入元素：',myArray); myArray.unshift(66,77); co...
java自定义实现链表LinkedList与顺序表ArrayList
m0_46551861的博客
09-23 588
一、ArrayList和LinkedList简介 ArrayList（类）是顺序表，实现了List（接口）–线性表，所以ArrayList实现List，表达了ArrayList既是顺序表也是一种线性表。 LinkedList 二、ArrayList类中的主要属性和内部类 1.实现ArrayList的相关接口List public interface List extends Iterable{ boolean add(Integer e); void add(int index,Intege
pear-admin-fast项目修改为集成PostgreSQL启动
最新发布
07-15
pear-admin-fast项目修改为集成PostgreSQL的数据库备份（postgresql的数据结构备份）
js数组汇总方法md文档·
06-06
JavaScript中的数组提供了许多有用的方法，可以用于整理数据并处理它们。以下是一些常用的 JavaScript 数组方法： 1. push()：向数组末尾添加一个或多个元素。 2. pop()：从数组末尾删除最后一个元素。 3. shift()：从数组开头删除第一个元素。 4. unshift()：向数组开头添加一个或多个元素。 5. splice()：从数组中添加或删除元素。 6. join()：将数组中所有元素放入一个字符串中。 7. indexOf()：查找给定元素在数组中的索引。 8. filter()：创建一个新数组，其中包含符合条件的元素。 9. map()：创建一个新数组，其中每个元素都根据给定函数进行处理。 10. reduce()：通过归约返回数组的单个值。 以上这些方法都可以有效地提高 JavaScript 数组的处理效率和可读性。在实际开发中，根据不同的需求，我们可以选择适当的方法来处理和处理数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值