我是靠谱客的博主 留胡子外套,最近开发中收集的这篇文章主要介绍数组的常用方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

/*

数组的常用方法

专门用来操作数组的方法

1. push() 方法

作用: 向数组的后面追加数据

语法: 数组.push(你要追加的数据1, 你要追加的数据2, ...)

返回值: 追加完毕数据以后, 数组的长度

2. pop() 方法

作用: 删除数组的最后一个数据

语法: 数组.pop()

返回值: 被删除的那个数据

3. unshift() 方法

作用: 向数组的最前面添加数据

语法: 数组.unshift(你要添加的数据1, 你要添加的数据2, ...)

返回值: 添加完毕数据以后, 数组的长度

4. shift() 方法

作用: 删除数组的最前面一个数据

语法: 数组.shift()

返回值: 被删除的那个数据

5. reverse() 方法

作用: 是反转数组

语法: 数组.reverse()

返回值: 反转后的数组

6. sort() 方法

作用: 给数组进行排序

语法:

1. 数组.sort() -> 按照一位一位来看进行排序的

2. 数组.sort(function (a, b) { return a - b }) -> 按照从小到大升序排列

数组.sort(function (a, b) { return b - a }) -> 按照从大到小降序排列

返回值: 排序好的数组

7. splice() 方法

作用:

1. 截取数组

2. 截取数组以后, 在截取位置替换新的内容

语法:

1. 数组.splice(从哪个索引开始, 截取多少个)

2. 数组.splice(从那个索引开始, 截取多少个数据, 你要填充的数据1, 你要填充的数据2, ...)

从哪个索引开始截取, 从哪个索引开填充

返回值: 被截取出来的内容(返回值一定是一个数组)

不管你截取多少个数据, 返回的数组里面就有多少个被截取出来的数据

如果你一个都不删除, 返回的就是一个空数组

8. slice() 方法

作用: 在不改变(影响)原始数组的基础上, 从数组里面提取出一段内容

语法:

1. 数组.slice(从哪一个索引开始, 到哪一个索引结束) - 包前不包后

2. 数组.slice(从哪一个索引开始, 负整数) - 包前不包后

负整数 等价于 (数组的length + 负整数)

返回值: 你提取出来的数据(一定是一个数组)

如果你有提取数据, 那么数组里面就是你提取的数据

如果你没有提取数据, 那么数组里面就是空数组

9. concat() 方法

作用: 解释把多个数组连接在一起, 变成一个新的数组, 不影响原始数组

语法: 数组.concat(你要连接的数据或者数组1, 你要连接的数据或者数组2, ...)

返回值: 把所有的参数都连接到第一个数组身上, 返回一个连接好的新数组

10. join() 方法

作用: 是把数组里面的每一个数据组合起来, 变成一个字符串

语法: 数组.join('你要连接每一个数据的连接内容')

参数: 如果你不传递参数, 默认使用 逗号(,) 进行连接

返回值: 一定是一个字符串

就是用你提供的连接内容来连起来以后的字符串

*/

 

var arr = ['hello', 'world', '你好', '世界']

// 1. push()

var res = arr.push(100, 200, true)

console.log('返回值是 : ' + res) // 看一下返回值

console.log(arr) // 看一下我这个数组

// 2. pop()

var res = arr.pop()

console.log('返回值是 : ' + res) // 看一下返回值

console.log(arr) // 看一下我这个数组

// 3. unshift()

var res = arr.unshift(100, 200, false)

console.log('返回值是 : ' + res) // 看一下返回值

console.log(arr) // 看一下我这个数组

// 4. shift()

var res = arr.shift()

console.log('返回值是 : ' + res) // 看一下返回值

console.log(arr) // 看一下我这个数组

// 5. reverse()

var res = arr.reverse()

console.log('返回值是 : ' , res) // 看一下返回值

console.log(arr) // 看一下我这个数组

 

var arr = [1, 5, 2, 8, 11, 22, 13, 54, 32, 7, 6, 21, 9]

// 6. sort()

var res = arr.sort()

console.log(res)

console.log(arr)

var res = arr.sort(function (a, b) { return a - b })

console.log(res)

console.log(arr)

var res = arr.sort(function (a, b) { return b - a })

console.log(res)

console.log(arr)

 

var arr = ['hello', 'world', '你好', '世界']

// 7. splice()

var res = arr.splice(2, 0)

console.log(res) // 看一下返回值

console.log(arr) // 看一下原数组

 

var res = arr.splice(1, 1, '新来的', '新来的2', '新来的3')

console.log(res) // 看一下返回值

console.log(arr) // 看一下原数组

 

var res = arr.splice(1, 2, '新来的', '新来的2', '新来的3')

console.log(res) // 看一下返回值

console.log(arr) // 看一下原数组

 

var res = arr.splice(1, 0, '新来的', '新来的2', '新来的3')

console.log(res) // 看一下返回值

console.log(arr) // 看一下原数组


 

var arr = ['hello', 'world', '你好', '世界']

// // 8. slice()

var res = arr.slice(1, 3) // 表示从索引 1 开始, 到索引 2 结束(不包含索引2)

console.log(res)

console.log(arr)

 

var res = arr.slice(1, -1) // 表示从索引 1 开始, 到索引 3 结束(不包含索引3)

// 写的是 -1 等价于 4 + -1 === 3

// 和你写 arr.slice(1, 3) 是一摸一样的

console.log(res)

console.log(arr)


 

var arr = ['hello', 'world', '你好', '世界']

//9. concat()

var res = arr.concat([1, 2, 3], [4, 5, 6], true, false, 100, 200)

console.log(res) // 看一下返回值

console.log(arr) // 看一下原数组

 

// 10. join()

var arr = ['hello', 'world', '你好', '世界']

var res = arr.join(' --- ')

console.log(res) // 看一下返回值

console.log(arr) // 看一下原始数组

最后

以上就是留胡子外套为你收集整理的数组的常用方法的全部内容,希望文章能够帮你解决数组的常用方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(73)

评论列表共有 0 条评论

立即
投稿
返回
顶部