数组的常用方法

1. push() 向数组中末尾添加数据

语法: 数组.push(数据)
          	直接改变原始数组
          	添加的数据是放在数组的最后一个
      		返回值:添加过后数组的长度
      		
  var arr = ['A', 'B', 'C', 'D', 'E'] //示例数组
  var res = arr.push('F')
  
  console.log(arr)  打印结果: ['A', 'B', 'C', 'D', 'E', 'F'] //直接改变原始数组
  console.log(res)  打印结果: 6 //添加过后数组的长度

2. pop() 删除数组中的最后一个数据

语法: 数组.pop()
           	直接改变原始数组
           	删除数组中的最后一个
         	返回值: 被删除的那一个数据
         	
  var arr = [1, 2, 3, 4, 5] //示例数组
  var res = arr.pop()
  
  console.log(arr)  打印结果: [1, 2, 3, 4] //直接改变原始数组
  console.log(res)  打印结果: 5 //被删除的那一个数据

3. unshift() 向数组中最前面添加数据

 语法: 数组.unshift(数据)
          	直接改变原始数组
          	添加在数组的最前面
          	返回值: 改变后数组的长度
          
  var arr = [1, 2, 3, 4, 5] //示例数组
  var res = arr.unshift(0)
  
  console.log(arr)  打印结果: [ 0, 1, 2, 3, 4, 5] //直接改变原始数组
  console.log(res)  打印结果: 6 //改变后数组的长度

4. shift() 删除数组中首个数据

语法: 数组.shift()
          	直接改变原始数组
          	删除数组中的第 0 个数据
          	返回值: 被删除的那一条数据
          
  var arr = [1, 2, 3, 4, 5] //示例数组
  var res = arr.shift()
  
  console.log(arr)  打印结果: [2, 3, 4, 5] //直接改变原始数组
  console.log(res)  打印结果: 1 //被删除的那一条数据

5. concat() 对数组进行拼接

 语法: 数组.concat(你要拼接的内容)
          	不改变原始数组
          	返回值: 拼接过后的数组
          
  var arr = [ 1 ]
  var res = arr.concat([ 2, 3 ], [ 3, 4 ])
  
  console.log(arr)  打印结果: [ 1 ] //不改变原始数组
  console.log(res)  打印结果: [1, 2, 3, 4, 5] //拼接过后的数组

6. splice() 对数组进行截取

语法1: 数组.splice(开始的索引, 截取多少个)
          	直接改变原始数组
          	返回值: 以数组的形式返回截取出来的内容
          			(不管截取多少个内容,都是以数组的形式返回)
          
  var arr = ['hello', 'world', '你好', '世界']
  var res = arr.splice(1, 1)
  
  console.log(arr)  打印结果: ["hello", "你好", "世界"] //直接改变原始数组
  console.log(res)  打印结果: ["world"] //截取出来的内容
  
  
 语法2: 数组.splice(只传一个参数)
 			当第二个参数不传递的时候,就是从哪个索引开始截取的到数组的末尾
          	直接改变原始数组
          	返回值: 以数组的形式返回截取出来的内容
          			(不管截取多少个内容,都是以数组的形式返回)
          
  var arr = ['hello', 'world', '你好', '世界']
  var res = arr.splice(2)
  
  console.log(arr)  打印结果: ['hello', 'world'] //直接改变原始数组
  console.log(res)  打印结果: ['你好', '世界'] //截取出来的内容
    
    
 语法3: 数组.splice(开始的索引, 截取多少个,值1,值2)
 			从第三个参数开始,都是替换掉截取的位置
          	直接改变原始数组
          	返回值: 以数组的形式返回截取出来的内容
          			(不管截取多少个内容,都是以数组的形式返回)
  var arr = ['hello', 'world', '你好', '世界']
  var res = arr.splice(2,1,'新值1','新值2')
  
  console.log(arr)  打印结果: ["hello", "world", "新值1", "新值2", "世界"] //直接改变原始数组
  console.log(res)  打印结果: ['你好'] //截取出来的内容

7. slice() 截取数组中的值

语法1: 数组.slice(开始的索引,结束的索引) 
          	不改变原始数组
          	返回值: 以数组的形式返回截取的内容
          
  var arr = ['h', 'e', 'l', 'y', 'o', 'w', 'x']
  var res = arr.slice(1, 5)
  
  console.log(arr)  打印结果: ['h', 'e', 'l', 'y', 'o', 'w', 'x'] //不改变原始数组
  console.log(res)  打印结果: ["e", "l", "y", "o"] //截取出来的内容
  
  
 语法2: 数组.splice(只传一个参数)
 			当第二个参数不传递的时候,就是从哪个索引开始截取的到数组的末尾
          	          	不改变原始数组
          	返回值: 以数组的形式返回截取的内容
          
  var arr = ['h', 'e', 'l', 'y', 'o', 'w', 'x']
  var res = arr.slice(3)
  
  console.log(arr)  打印结果: ['h', 'e', 'l', 'y', 'o', 'w', 'x'] //不改变原始数组
  console.log(res)  打印结果: ["y", "o", "w", "x"] //截取出来的内容

8. sort() 数组排序

 语法1: 数组.sort()
 			排序方式是按照一位一位来看的(先排第一个数据的第一个数字,以此类推)
          	直接改变原始数组
          	返回值: 排序好的数组
          
  var arr = [1, 3, 7, 9, 101, 5]
  var res = arr.sort()
  
  console.log(arr)  打印结果: [1, 101, 3, 5, 7, 9] //直接改变原始数组
  console.log(res)  打印结果: [1, 101, 3, 5, 7, 9] //排序好的数组


 语法2: 数组.sort() //常用语法
 			排序方式是按照数字大小来排列
          	直接改变原始数组
          	返回值: 排序好的数组(顺序排列 小-->大)
          
  var arr = [1, 3, 7, 9, 101, 5]
  var res = arr.sort(function (a, b) {
      return a - b
    })
  
  console.log(arr)  打印结果: [1, 3, 5, 7, 9, 101] //直接改变原始数组
  console.log(res)  打印结果: [1, 3, 5, 7, 9, 101] //排序好的数组

9. reverse() 反转数组

语法: 数组.reverse()
          	直接改变原始数组
          	返回值: 反转后的数组
          
  var arr = ["你", "好", "欢", "迎"]
  var res = arr.reverse()
  
  console.log(arr)  打印结果: ["迎", "欢", "好", "你"] //直接改变原始数组
  console.log(res)  打印结果: ["迎", "欢", "好", "你"] //反转后的数组

10. join() 把数组链接成一个字符串

 语法: 数组.join(以什么字符链接) 参数可以不写,不写是以 , 链接
          	不改变原始数组
          	返回值: 就是用指定字符链接好的字符串(注:是字符串)
          
  var arr = [1, 2, 3, 4]
  var res = arr.join('@-@')
  
  console.log(arr)  打印结果: [1, 2, 3, 4] //不改变原始数组
  console.log(res)  打印结果: 1@-@2@-@3@-@4 //链接好的字符串

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值