常用的14个数组方法

最新推荐文章于 2023-05-31 09:37:12 发布
最新推荐文章于 2023-05-31 09:37:12 发布
阅读量226 收藏 3
点赞数
原文链接：https://www.jianshu.com/u/05f416aefbe1
版权

Array 对象方法

方法描述
concat()连接两个或更多的数组，并返回结果。
join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()删除并返回数组的最后一个元素
push()向数组的末尾添加一个或更多元素，并返回新的长度。
reverse()颠倒数组中元素的顺序。
shift()删除并返回数组的第一个元素
slice()从某个已有的数组返回选定的元素
sort()对数组的元素进行排序
splice()删除元素，并向数组添加新元素。
toSource()返回该对象的源代码。
toString()把数组转换为字符串，并返回结果。
toLocaleString()把数组转换为本地数组，并返回结果。
unshift()向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()返回数组对象的原始值
1：concat()方法
定义和用法

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

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

实例

例子 1

在本例中，我们将把 concat() 中的参数连接到数组 a 中：

<script type="text/javascript">

var a = [1,2,3];
document.write(a.concat(4,5));

</script>

输出：

1,2,3,4,5

例子 2

在本例中，我们创建了两个数组，然后使用 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"

document.write(arr.concat(arr2))

</script>

输出：

George,John,Thomas,James,Adrew,Martin

例子 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))

</script>

输出：

George,John,Thomas,James,Adrew,Martin,William,Franklin
2：join()方法
定义和用法

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

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

实例

例子 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

#####3：pop()方法

定义和用法

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

实例

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

<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：push()方法
定义和用法

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

实例

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

<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：reverse()方法
定义和用法

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：shift()方法
定义和用法

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

实例

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

<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：slice()方法
定义和用法

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

实例

例子 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
8：sort()方法
定义和用法

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

实例

例子 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
9：splice()方法
定义和用法

splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。

注释：该方法会改变原始数组。

实例

例子 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 />")
arr.splice(2,0,"William")
document.write(arr + "<br />")

</script>

输出：

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

例子 2

在本例中我们将删除位于 index 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 />")
arr.splice(2,1,"William")
document.write(arr)

</script>

输出：

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

例子 3

在本例中我们将删除从 index 2 (“Thomas”) 开始的三个元素，并添加一个新元素 (“William”) 来替代被删除的元素：

<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 />")
arr.splice(2,3,"William")
document.write(arr)

</script>

输出：

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin
10：toSource()方法
定义和用法

toSource() 方法可把数组转换为JavaScript源代码。

实例
<script type="text/javascript">

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

</script>

输出：

["George", "John", "Thomas"]
11：toString()方法
定义和用法

toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。

实例

在本例中，我们将把一个数字转换为字符串：

<script type="text/javascript">

var number = new Number(1337);
document.write (number.toString())

</script>

输出：

1337
12：toLocaleString()方法
定义和用法

toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串，并返回结果。

实例

例子 1

在本例中，我们将根据本地时间把今天的日期转换为字符串：

<script type="text/javascript">

var d = new Date()
document.write(d.toLocaleString())

</script>

输出：

	var d = new Date()
	document.write (d.toLocaleString())

例子 2

在本例中，我们将根据本地时间把具体的日期转换为字符串：

<script type="text/javascript">

var born = new Date("July 21, 1983 01:15:00")
document.write(born.toLocaleString())

</script>

输出：

var born = new Date("July 21, 1983 01:15:00")
document.write(born.toLocaleString())
13：unshift()方法

######定义和用法

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

######实例

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

<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
14：valueOf()方法

######定义和用法

valueOf() 方法返回 Array 对象的原始值。

该原始值由 Array 对象派生的所有对象继承。

valueOf() 方法通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。

######例子

<script type="text/javascript">

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var v=fruits.valueOf(); 

</script>

输出结果

Banana,Orange,Apple,Mango

在这里插入图片描述

前端王小婷
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端数组常用API
qq_56779411的博客
06-09 477
开发人员必备的那些常用方法
Java 数组ArrayList常用语法详解
08-25
Java 数组ArrayList常用语法详解 Java 数组ArrayList是Java编程语言中最常用的数据结构之一，用于存储和操作数据。下面是ArrayList的常用语法详解： 一、导入ArrayList 首先，需要在Java程序中导入ArrayList类，...
常用的数组方法有哪些？
Erictezx的博客
12-15 1127
一 , splice( ) 方法 : 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 由被删除的元素组成的一个数组。如果只删除了一个元素，则返回只包含一个元素的数组。如果没有删除元素，则返回空数组。 例: let arr7 = [4, 2, 43, 343, 232, 33]; let res7 = arr7.splice(2, 1, 34, 33) //第一个是索引 第二个是删除的个数 第三...
数组常用的函数
m0_74331185的博客
10-18 2430
数组常用函数js
常用数组总结
qq_45628433的博客
09-04 213
js数组方法总结
数组常用方法汇总
热门推荐
大G的博客
11-07 3万+
Array.length 返回或设置一个数组中的元素个数 设置 length 属性的值来截断任何数组 Array.from() : 对伪数组或可迭代对象(包括arguments Array,Map,Set,String…)转换成数组对象 语法 Array.from(arrayLike, mapFn, thisArg)arrayLike 想要转换成数组的伪数组对象或可迭代对象。mapFn (可选参数
java数组复制的四种方法效率对比
08-28
Java 数组复制的四种方法效率对比 Java 数组复制是 Java 编程中非常重要的一个操作，它可以将源数组的元素复制到目标数组中。今天，我们将讨论 Java 数组复制的四种方法，并比较它们的效率。 System.arraycopy ...
JS常用字符串方法(推荐)
10-22
3. `concat(str1, str2, ..., strN)`：这个方法用于连接两个或多个字符串，返回一个新的字符串。例如，`str01.concat(str02)`会把`str01`和`str02`拼接在一起。 4. `indexOf(searchValue[, fromIndex])`：查找字符...
JavaScript数组常用的增删改查与其他属性详解
10-14
4. **其他数组方法** - `join()` 方法：将数组元素连接成一个字符串，使用指定的分隔符。例如： ```javascript var arr10 = [4, 5, 6, 's']; console.log(arr10.join("-")); // 输出：4-5-6-s - `concat()` ...
Java数组常用排序算法实例小结
08-28
Java数组常用排序算法是每个Java开发者都需要掌握的基本技能，本文将通过实例形式总结分析Java数组常用的四种排序算法，分别是冒泡排序、数组递增排序、快速排序及选择排序。 一、冒泡排序 冒泡排序是一种简单的...
常用的数组方法
Lenny-zlp的博客
08-24 175
常用的数组方法 arr.push() 数组后面添加元素，返回值是添加数组后的长度 改变原来数组 arr.unshift（） 数组前面添加元素，返回值是添加数组后的长度 改变原来数组 arr.pop （）数组后面删除一个元素，返回值是被删除的元素 改变原来数组 arr.shift（）数组前面删除一个元素，返回值是被删除的元素 改变原来数组 arr.splice（n，m，…） n是开始的下标，m是移除的个数，后面是加需要加的元素 返回值是移除的元素的数组，如果无移除元素 返回值{}！！！原
数组中常用的方法
zhu_liu_kun的博客
05-31 328
push()方法用于向数组末尾添加一个或多个元素，并返回修改后的数组的新长度。pop() 方法用于删除并返回数组的最后一个元素。
数组的所有方法
weixin_43627806的博客
03-04 2万+
JavaScript中创建数组有两种方式 （一）使用 Array 构造函数： var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); // 创建一个包含20项的数组 var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组 （二）var 创建数组 var arr4 = [...
数组的常用方法有哪些？
Geezer_007的博客
04-19 2895
1⃣️ 字符串转字符串数组 split （）方法： 字面意思split：分裂 分开，故split方法是把字符串分割成字符串数组，也就是把字符串的分割成一个个的单个字符串元素； 例如：var str="script" console.log(str.split("")) //["s", "c", "r", "i", "p", "t"] 注：split（“”）括号里的双引...
数组常用方法
DAYDAYUP
05-29 561
对于前端er来说，javaScript中的数组一定是避不开的，但是数组操作还挺多的，有的还很像，你真的清楚每个方法需要的参数和返回值吗，反正我经常搞混，今天就来整理一下常用的数组处理方法 ，参考廖雪峰 创建数组 1.使用Array构造函数 var arr = new Array(); var arr = new Array(20);//预先知道数组要保存的项目数量 var a...
常用的数组方法归类及其详解
worm_IT的博客
07-27 1781
       最近的项目中，对数组的相关操作增多，每次都得查，索性自己参考官方文档总结一下常用的方法，方便自己查，也希望能帮到搜索到此文章的你。        为了方便记忆，可以对数组的操作可以分为以下几类：增加、删除、子数组、数组排序、数组转换、位置方法、迭代方法以及缩小方法。下面将对相应的功能进行详细的介绍并举例子说明。 一、增加 1、push        定义和用法： p...
数组的常用方法
weixin_47240319的博客
09-30 151
1. join(分隔符)：把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。（默认用逗号分隔）[不会改变原数组] 2. concat() 是将两个指定的数组拼接在一起，变成一个新的数组【不会改变原数组】 3. slice(start，end) 从某个数组提取选定的元素，将截取后的数组封装到一个新数组返回。括号里的是数组下标 【不会改变原数组】 [开始下标位置,结束下标位置) *在只有一个参数的情况...
工作中常用的数组方法
xi_jun的博客
10-08 185
常用数组API 我们都知道学习dom操作不过是对节点的 增、删、改、查，如果我们把操作数组的api都按照这种方式进行分类，那么记忆起来不就省力多了吗，下面我们来进行分类。 下面我们定义数组 arr = [a,b,c,d]； 数组中的常用API有： arr.push()数组末尾添加一个元素, arr.pop()末尾删除一个元素, arr.shift()在数组前面删除一个元素, arr.unshi...
头歌js 数组常用方法
最新发布
09-28
JS数组常用方法有很多，以下是其中的一些常用方法： 1. Array.push()：向数组的末尾添加一个或多个元素，并返回新的数组长度。原数组改变。 2. Array.pop()：删除数组的最后一个元素，并返回删除的元素。原数组改变...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值