卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 工具箱
  • 关于
首页 › 技术 › JS Array

JS Array

坚果大叔
2017-09-22 17:26:54技术阅读 905

文章目录[隐藏]

  • 1.concat() 连接两个或更多的数组
  • 2.join() 把数组所有的元素放入一个字符串。元素通过指定的分隔符进行分隔
  • 3.pop() 删除数组的最后一个元素并返回删除的那个元素
  • 4.push() 向数组的末尾追加一个或更多的元素,并返回新的长度
  • 5.unshift() 向数组开头追加一个或更多的元素,并返回新元素的长度
  • 6.reverse() 将现有数据倒叙返回。
  • 7.shift() 删除数组开头的第一个元素 并返回这个元素
  • 8.slice(start,end) 从某个已有的数组返回选定的元素 原数组不变
  • 9.sort() 对数据进行排序,可以是降序 升序 等。
  • 10.splice() 删除元素并可以向数组添加新元素。是直接对数组进行修改,不同于slice
1.concat() 连接两个或更多的数组
var a = ['1','2','3'],b = ['5','6','7']
a.concat(b);
["1", "2", "3", "5", "6", "7"]
2.join() 把数组所有的元素放入一个字符串。元素通过指定的分隔符进行分隔
var c = ['a','b','c'],d=['e','f','g']
c.join(d)
"ae,f,gbe,f,gc"
3.pop() 删除数组的最后一个元素并返回删除的那个元素
var c = ['a','b','c'],d=['e','f','g']
c.pop()
返回 c
c数组变成 ['a','b']
4.push() 向数组的末尾追加一个或更多的元素,并返回新的长度
var del = ['1','2','3','4','5','6']
del.push('a')   返回 7
del 变成 ["1", "2", "3", "4", "5", "6", "a"]
5.unshift() 向数组开头追加一个或更多的元素,并返回新元素的长度
var del = ['1','2','3','4','5','6']
del.unshift('sd') 返回 7 
del 变成 ["sd", "1", "2", "3", "4", "5", "6"]
6.reverse() 将现有数据倒叙返回。
var del = ['1','2','3','4','5','6']
del.reverse()
del 变成 ["6", "5", "4", "3", "2", "1"]
7.shift() 删除数组开头的第一个元素 并返回这个元素
var del = ['1','2','3','4','5','6']
del.shift()   返回 1
del 变成 ['2','3','4','5','6']
8.slice(start,end) 从某个已有的数组返回选定的元素 原数组不变
var del = ['1','2','3','4','5','6']
del.slice(2,3) 返回 ["3", "4"]
9.sort() 对数据进行排序,可以是降序 升序 等。
默认是按照ascii码进行排序
如果是数字  则按照第一位数字的大小排序 如  1 21 4 35   则是  1 21 35 4 这样
或者自定义 升序降序 
var del = ['1','2','3','4','5','6']
del.sort(function(a,b){
    return a-b  or  b-a  前  从大到小  后 相反
})
10.splice() 删除元素并可以向数组添加新元素。是直接对数组进行修改,不同于slice
var test = ['111','222','333','444','555','666']
test.splice(2,4)   返回 ["333", "444", "555", "666"]
test 变成 ["111", "222"]

或者这样  删除指定元素 并用指定 替换
test.splice(2,3,'dsd');  返回["333", "444", "555"]
test 变成 ['111','222','dsd','666']

或者这样 直接在第三个元素之前插入
test.splice(2,0,'dsd');  返回 空
test 变成['111','222','333','dsd','444','555','666']


微信扫描下方的二维码阅读本文

JavaScript 数组
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
已下架
上一篇
最近
下一篇
近期文章
  • ant-design-vue a-select 下拉滚动的时候出现数据重复
  • ant-design-vue a-checkbox-group 追加数据后第一个无法选中
  • 5.1游记
  • 将数组中空值字段赋默认值!
  • 周末出游,惊喜相伴——水牛的美丽邂逅。
ant-design-vue a-select 下拉滚动的时候出现数据重复
2023-05-15 14:49:38
89 1 0
ant-design-vue a-checkbox-group 追加数据后第一个无法选中
2023-05-13 15:13:43
147 0 0
将数组中空值字段赋默认值!
2023-04-25 14:49:11
182 0 0
数字跟文字一起被强制换行了?
2023-04-07 17:25:04
252 0 0
  • 0
博主

一枚佛系前端开发,会一丢丢摄影,喜欢折腾,爱好美食。分享点前端技巧、笔记以及各种有趣的APP和资源教程♥♥

友链
Lieme
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔
Copyright © 2017-2023 卖坚果的怪叔叔

萌ICP备20230818号 苏ICP备18048410号-2
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 工具箱
  • 关于
# WordPress # # CSS #
坚果大叔
243
文章
65
评论
186
喜欢