数组常用方法

1、push()方法

语法:数组.push(数据)
作用:将数据追加到数组末尾
返回值:追加后数组最新的长度

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.push('追加的')
  console.log(arr) //输出一次数组
  console.log(res) //输出一次返回值
</script>

2、pop()方法

语法:数组.pop()
作用:删除数组的最后一个数据
返回值:被删除的数据

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.pop()
  console.log(arr) //输出一次数组
  console.log(res) //输出一次返回值
</script>

3、unshift()方法

语法:数组.unshift(数据)
作用:在数组的最前面添加一个数据
返回值:添加数据后数组的最新长度

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.unshift('最前面加的')
  console.log(arr) //输出一次数组
  console.log(res) //输出一次返回值
</script>

4、shift()方法

语法:数组.shift()
作用:删除数组最前面的一个数据
返回值:被删除的数据

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.shift()
  console.log(arr) //输出一次数组
  console.log(res) //输出一次返回值
</script>

5、reverse()方法

语法:数组.reverse()
作用:反转数组
返回值:反转后的数组

7、splice()方法

语法:数组.splice(开始索引,多少个,要插入的数据)
作用:删除数组中若干数据,并选择要不要插入一些新的数据
返回值:以新数组的形式返回被删除的数据

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.splice(1,2,'新来的')
  console.log(arr) //输出一次数组
  console.log(res) //输出一次返回值
</script>

8、sort()方法

语法:数组.sort()——按位比较排序
数组.sort(function(a,b) {return a-b})——升序排序
数组.sort(function(a,b) {return b-a})——降序排序
作用:将数组进行排序
返回值:排序好的新数组

9、join()方法

语法:数组.join(连接符)
作用:使用连接符把数组里每一项连接成字符串
返回值:连接好的字符串

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.join('-')
  console.log(arr) //输出一次数组
  console.log(res) //输出一次返回值
</script>

10、concat()方法

语法:数组.concat(其他数组)
作用:将其他数组与原始数组拼接在一起
返回值:拼接好的新数组

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.concat([400,500])
  console.log(arr) //输出一次数组
  console.log(res) //输出一次返回值
</script>

11、slice()方法

语法:数组.slice(开始索引,结束索引)——包含开始索引,不包含结束索引
作用:截取数组中的某些数据
返回值:以新数组的形式返回被截取出来的内容

<script>
  var arr = [100,200,300,400]
  console.log(arr)
  var res = arr.slice(1,3)
  console.log(arr) //输出一次数组
  console.log(res) //输出一次返回值
</script>

12、indexOf()方法

语法:数组.indexOf(数据)
作用:查找该数据在数组中的索引位置
返回值:如果有该数据,返回该数据第一次出现的索引位置,如果没有,返回-1

<script>
  var arr = [100,200,300,200]
  console.log(arr)
  var res = arr.indexOf(400)
  console.log(arr) //输出一次数组
  console.log(res) //输出一次返回值
</script>

13、forEach()方法

语法:数组.forEach(function(item,index,arr) {})  item就是数组的每一项 index就是索引 arr就是原始数组
作用:遍历数组
返回值:无

<script>
  var arr = [100,200,300]
  console.log(arr)
  arr.forEach(function(item,index,arr){
    console.log(item)
    console.log(index)
    console.log(arr)
    console.log('----------------') //输出一次数组
  } )
</script>

14、map()方法

语法:数组.map(function(item,index,arr) {})  item就是数组的每一项 index就是索引 arr就是原始数组
作用:映射数组
返回值:映射后的新数组

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.map(function(item,index,arr){
    return item*10
  } )
  console.log(res)
</script>

15、filter()方法

语法:数组.filter(function(item,index,arr) {})  item就是数组的每一项 index就是索引 arr就是原始数组
作用:过滤数组
返回值:过滤后的新数组

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.filter(function(item,index,arr){
    return item>150
  } )
  console.log(res)
</script>

16、every()方法

语法:数组.every(function(item,index,arr) {})  item就是数组的每一项 index就是索引 arr就是原始数组
作用:判断数组是不是每一项都满足条件
返回值:一个布尔值

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.every(function(item,index,arr){
    return item>150
  } )
  console.log(res)
</script>

17、some()方法

语法:数组.some(function(item,index,arr) {})  item就是数组的每一项 index就是索引 arr就是原始数组
作用:判断数组是不是有某一项满足条件
返回值:一个布尔值

<script>
  var arr = [100,200,300]
  console.log(arr)
  var res = arr.some(function(item,index,arr){
    return item>150
  } )
  console.log(res)
</script>

 

posted @   ljllh  阅读(125)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
· 零经验选手,Compose 一天开发一款小游戏!
点击右上角即可分享
微信分享提示