JS常用处理数组的方法

最新推荐文章于 2024-08-01 16:41:14 发布
最新推荐文章于 2024-08-01 16:41:14 发布
阅读量334 收藏 3
点赞数
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41189996/article/details/119460228
版权

概述

  • join( ) ————————数组转字符串
  • split( ) ———————–字符串转数组
  • push( ) ———————-将数据添加到数组尾部
  • pop( ) ———————–数组末尾移除最后一项
  • shift( ) ———————–删除原数组第一项
  • unshift( ) ——————–将数据添加到数组头部
  • sort( ) ————————按升序排列数组项
  • reverse( ) ——————–反转数组项的顺序
  • concat( ) ——————–多个数组合并，原数组不变
  • slice( ) ———————–返回开始下标到结束下标之间的项组成的新数组，原数组不变
  • splice( ) ———————-从数组中添加/删除项目，然后返回被删除的项目，改变原数组

join()

定义和用法
  • join() 方法用于把数组中的所有元素放入一个字符串。
  • 元素是通过指定的分隔符进行分隔的。
语法
  • array.join(separator)
  • separator：可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。
返回值
  • join() 返回一个字符串。该字符串是通过把 array的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。

<script type="text/javascript">

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

console.log(arr.join()) //George,John,Thomas

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

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

console.log(arr.join(".")) //George.John.Thomas

</script>

concat()

定义和用法
  • concat() 方法用于连接两个或多个数组。
  • 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
语法
  • array.concat(arrayX,arrayX,arrayX)
  • arrayX：必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。
返回值
  • concat() 返回一个新的数组
实例

<script type="text/javascript">

var a = [1,2,3];
console.log(a.concat(4,5)); //[1,2,3,4,5]

</script>

<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"

console.log(arr.concat(arr2)) //[George,John,Thomas,James,Adrew,Martin]

</script>

<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"

console.log(arr.concat(arr2,arr3)) //[George,John,Thomas,James,Adrew,Martin,William,Franklin]

</script>

pop()

定义和用法
  • pop() 方法用于删除并返回数组的最后一个元素。
语法
  • array.pop()
返回值
  • pop() 返回数组的最后一个元素
说明
  • pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。
实例

<script type="text/javascript">

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

console.log(arr) //[George,John,Thomas]

console.log(arr.pop()) //[Thomas]

console.log(arr) //[George,John]
</script>

shift()

定义和用法
  • shift() 方法用于删除并返回数组的第一个元素。
语法
  • array.shift()
返回值
  • shift() 返回数组的第一个元素
说明
  • shift() 方法将删除 arrayObject 的第一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 shift() 不改变数组，并返回 undefined 值。
实例

<script type="text/javascript">

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

console.log(arr) //[George,John,Thomas]

console.log(arr.shift()) //[George]

console.log(arr) //[John,Thomas]
</script>

push()

定义和用法
  • push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
  • 元素是通过指定的分隔符进行分隔的。
语法
  • array.push(newelement1,newelement2,…,newelementX)
  • newelement1：必需。要添加到数组的第一个元素。
  • newelement2: 可选。要添加到数组的第二个元素。
  • newelementX: 可选。可添加多个元素。
返回值
  • push() 把指定的值添加到数组后的新长度。
实例

<script type="text/javascript">

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

console.log(arr)  //[George,John,Thomas]
console.log(arr.push("James")) //4
console.log(arr) //[George,John,Thomas,James]

</script>

unshift()

定义和用法
  • push() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
  • 元素是通过指定的分隔符进行分隔的。
语法
  • array.unshift(newelement1,newelement2,…,newelementX)
  • newelement1：必需。要添加到数组的第一个元素。
  • newelement2: 可选。要添加到数组的第二个元素。
  • newelementX: 可选。可添加多个元素。
返回值
  • unshift() 把指定的值添加到数组后的新长度。
实例

<script type="text/javascript">

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

console.log(arr)  //[George,John,Thomas]
console.log(arr.unshift("James")) //4
console.log(arr) //[James,George,John,Thomas]

</script>

reverse()

定义和用法
  • reverse() 方法用于颠倒数组中元素的顺序。
  • 元素是通过指定的分隔符进行分隔的。
语法
  • array.reverse()
返回值
  • reverse() 没有返回值，该方法会改变原来的数组，而不会创建新的数组
实例

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
console.log(arr) //["George", "John", "Thomas"]
arr.reverse()
console.log(arr) // ["Thomas", "John", "George"]

</script>

slice()

定义和用法
  • slice() 方法可从已有的数组中返回选定的元素。
语法
  • array.slice(start,end)
  • start：必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
  • end：可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。
返回值
  • slice() 返回一个新的数组
说明
  • 请注意，该方法并不会修改数组，而是返回一个子数组。
实例

<script type="text/javascript">

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

console.log(arr) //[George,John,Thomas]
console.log(arr.slice(1)) // [John,Thomas]
console.log(arr) // [George,John,Thomas]

</script>
<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"

console.log(arr) //[George,John,Thomas,James,Adrew,Martin]
console.log(arr.slice(2,4)) // [Thomas,James]
console.log(arr) //[George,John,Thomas,James,Adrew,Martin]

</script>

splice()

定义和用法
  • splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。
  • 该方法会改变原始数组。
语法
  • array.splice(index,howmany,item1,…,itemX)
  • index：必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
  • howmany:必需。要删除的项目数量。如果设置为 0，则不会删除项目。
  • item1, …, itemX:可选。向数组添加的新项目。
返回值
  • splice() 包含被删除项目的新数组，如果有的话。
实例

<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"

console.log(arr) //[George,John,Thomas,James,Adrew,Martin]
arr.splice(2,0,"William")
console.log(arr) //[George,John,William,Thomas,James,Adrew,Martin]

</script>
<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"

console.log(arr) //[George,John,Thomas,James,Adrew,Martin]
arr.splice(2,1,"William")
console.log(arr) // [George,John,William,James,Adrew,Martin]

</script>

<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"

console.log(arr) //[George,John,Thomas,James,Adrew,Martin]
arr.splice(2,3,"William")
console.log(arr) // [George,John,William,Martin]

</script>

toString()

定义和用法
  • toString() 方法可把数组转换为字符串，并返回结果。
  • 该方法与没有参数的 join() 方法返回的字符串相同。
SZR___ __ ___
关注
JS处理数组数据常用的方法
m0_55258023的博客
06-27 2016
JS处理数组数据常用的方法
js数组常用方法
longlonglaobiao
05-30 157
数组常用方法 数组转字符串 var arr = [1, 3, 5]; var str1 = arr.join(); // "1,3,5" var str2 = arr.join("~"); // "1~3~5" 数组逆序 var arr = [1, 3, 5]; var arr1 = arr.reverse(); // [5,3,1] 数组排序 var arr = ["a", "c", "d", "b"]; arr.sort(); // ["a","b","c","d"]; // sort
JS数组常用处理方法
Great_Zhou的博客
01-06 1656
1、创建数组的方式 1. 使用Array构造函数 let newList = new Array(); let newList = new Array('orange', 'apple', 'banana'); 2.使用数组字面量表示法, 在使用数组字面量表示法的时候，不会调用Array构造函数（Firefox 3及更早版本除外） let newList = ['orange', 'apple', 'banana']; let values = [1,2,] // 不建议这样使用，这样可能会创
js 处理数组的几种方式
W_13102159781的博客
06-13 1014
js 处理数组的几种方式 1、reduce reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。 语法： arr.reduce(callback,[initialValue]) reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被......
js对数组各种的操作方法（全）
最新发布
申小兮和林小兮的博客宝
08-01 464
js对数组各种的操作方法（全）【for、for...of、for...in、map()、forEach()、reduce()、filter()、find()、findIndex()、some()、every()】
js中——数组——的处理方法
qq_43285335的博客
10-12 364
标题数组Array：简单的来说，就是对于类型相同，有属于同一个集中地多个数据(例如一个班的学生的名单), 格式: [值1，值2，值3，值4，。。。。] 标题 值与值之间用逗号隔开，值可以是任何类型，数组本身就是一种类型 数组是有序的，所以可以通过索引[ ]去获取里面的值，也可以通过索引修改数组中的内容 *索引：从0开始 var student = [&amp;amp;quot;张三&amp;amp;quot;,&amp;amp;quot;李
js数组处理常用方法总结
tcllxxl的博客
12-11 237
filter：返回满足条件的新数组，不改变原数组 concat:返回拼接的新数组，不改变原数组 find:返回提供的数组中满足提供的测试功能的第一个元素的值,不改变原数组 findIndex：返回提供的数组中满足提供的测试功能的第一个元素的下标，不改变原数组 forEach;为每个数组元素执行一次提供的功能，不改变原数组，无返回值 map:创建一个新数组，其结果是在调用数组中的每个元素上调用提供的...
15个JavaScript数组方法
W Y L
03-13 214
15种关于JavaScript的数组方法，这些方法可以帮助你正确地处理数据。 1.some（） 2. reduce（） 3. Every（） 4. map（） 5. flat（） 6. filter（） 7. forEach（） 8. findIndex（） 9. find（） 10. sort（） 11. concat（） 12. fill（） 13. includes（） 14. revers...
JavaScript常用的数组操作方法1.pdf
07-11
这些方法在JavaScript编程中非常实用，可以方便地处理数组数据，无论是简单的数据操作还是复杂的逻辑处理。理解并熟练掌握这些数组操作能极大地提高开发效率和代码质量。在实际开发中，开发者可能会结合这些方法与...
js中数组常用方法总结（推荐）
10-17
下面将详细介绍一些常用的数组方法，并通过示例代码来展示这些方法的使用。 1. map方法 map方法会遍历数组中的每个元素，并对每个元素执行一个回调函数，然后返回一个新数组。这个新数组的元素是回调函数处理后的...
谈谈JavaScript数组常用方法总结
11-27
JavaScript中的数组方法是编程中非常基础且重要的部分，它们提供了丰富的功能来操作和处理数组数据。以下是关于JavaScript数组常用方法的详细说明： 1. **增加数据** - `push()` 方法用于向数组末尾添加一个或多个...
JavaScript常用的数组操作方法案例2.pdf
07-11
在JavaScript中，数组是一种强大的数据结构，用于存储和操作一系列有序的数据。本篇文章将深入探讨JavaScript中的一些...因此，对于任何想要深入学习JavaScript的人来说，理解并熟练使用这些数组方法都是非常重要的。
js中数组的常用方法小结
10-20
以下是一些常用的数组方法以及它们的详细解释。 1. push方法 push方法用于在数组的末尾添加一个或多个元素，并返回新的数组长度。当需要向数组末尾添加单个元素时，可以直接传递这个元素作为参数；如果需要添加多个...
js处理数组的所有方法(巨细，巨全)
m0_58403721的博客
04-24 483
js处理数组的所有方法
JavaScript常用数组操作方法
热门推荐
懒虫的博客
11-13 1万+
1、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。 2、join() join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的，默认使用’,'号分割，不改变原数组。 3、push() push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。末尾添加，返回的是长度，会改变原数组。 4、pop() pop() 方法用于删除并返回数组的最后一个元素。返回最后一个元素，会改变原数组。 5、s
javascript 数组的一些处理处理方法
FungLeo's Blog
11-16 1235
javascript 数组的一些处理处理方法今天的项目中，用到了很多数组的知识，这里做一个记录，学到了很多。javascript 过滤数组中的 空数组 的方法。var tagValue = [1,"",""]; var realValue = [];for (var i = 0; i < tagValue.length; i++) { if (tagValue[i]!='') {
JS数组的处理的方法
li_guangxi的博客
07-11 886
一.增加、删除、替换（原数组改变）1.push(要增加的内容) 末尾增加一项 返回：新增后数组的长度 原数组：改变 2.pop() 删除最后一项 返回值：被删除的那一项 原数组：改变 3.unshift(要增加的内容) 在数组开头增加一项 返回值：增加后数组的长度 原数组：改变 4.shift() 删除第一项 返回值：被删除的内容 ...
js 数组处理的常用方法
weixin_50512542的博客
07-12 481
push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 unshift() 方法 unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。 二：删除元素类: pop() 方法 pop() 方法可删除数组的最后一个元素并返回删除的元素。 shift() 方法 shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。 三、颠倒顺序 reverse() 方法 reverse() 方法用于颠倒数组中元素的顺序。 四、插入、删除、替换数组元素 splice() 方法
js中数组的处理
qq_35491904的博客
06-18 427
js中数组的处理 一.查询数组中是否存在某一元素 let arr = ['a', 'b', 'c', 'd', NaN, undefind]; // 1.使用indexOf arr.indexOf('b'); // 1 arr.indexOf(NaN); // -1 无法精准判断 arr.indexOf(undefind); // -1 无法精准判断 // 2.使用es6新属性includ...
JavaScript 数组与String对象常用方法详解
除了数组方法，String对象也是JavaScript编程中常用的类型。`constructor`同样指向创建字符串的函数，`length`表示字符串的长度。`prototype`允许为字符串对象添加额外的方法。String对象的方法包括但不限于：`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值