[前端] 关于数组的常用方法统计
2015-06-04 15:29
633 查看
定义测试数组:
一、push和pop 向数组中添加/删除元素
二、join(分隔符) 把数组转换为字符串
三、shift方法和unshift方法 删除/添加第一个元素
四、reverse()颠倒数组中元素的顺序
五、sort() 按照字典顺序排序
六、slice和splice方法
七、map()方法
八、forEach()
九、filter()方法
十、some()方法 判断数组中是否有值大于某个值
十一、every()方法 判断数组中所有元素是否大于某个值
十二、reduce方法
用来累计的变量(即当前状态),默认值为0
数组的当前元素
当前元素在数组中的序号(从0开始)
原数组
除了上述这些文法外还有很多其他方法:
valueOf() 返回数组本身
toString() 返回数组的字符串形式
concat() 合并数组
indexOf() 返回给定元素在数组中第一次出现的位置,如果没有出现则返回-1
lastIndexOf() 返回给定元素在数组中最后一次出现的位置,如果没有出现则返回-1
谢谢关注!
var arrTest = new Array(1, 2, 3); var arrTest = [1, 2, 3]; ……
一、push和pop 向数组中添加/删除元素
arrTest.push(4); // [1, 2, 3, 4] // 添加多个元素 arrTest.push(4, 5, 6); // [1, 2, 3, 4, 5, 6] arrTest.pop(); // [1, 2] 删除最后一个元素
二、join(分隔符) 把数组转换为字符串
arrTest.join(); // "1,2,3" arrTest.join(' '); // "1 2 3" arrTest.join('|'); // "1|2|3"
三、shift方法和unshift方法 删除/添加第一个元素
arrTest.shift(); // [2, 3] arrTest.unshift(0); // [0, 1, 2, 3]
四、reverse()颠倒数组中元素的顺序
arrTest.reverse(); // [3, 2, 1]
五、sort() 按照字典顺序排序
arrTest.sort(); // [1, 2, 3] // 自定义排序 [2, 3, 5, 4].sort(function(a, b) { return a-b; }); // [2, 3, 4, 5] 从小到大排序 反之从大到小排序 // 对象数组排序 [ { name: "张三", age: 30 }, { name: "李四", age: 24 }, { name: "王五", age: 28 } ].sort(function(o1, o2) { return o1.age - o2.age; }); // [ // { name: "李四", age: 24 }, // { name: "王五", age: 28 }, // { name: "张三", age: 30 } // ]
六、slice和splice方法
arrTest.slice(1, 2); // [1, 2) 返回 [2] arrTest.splice(0, 1); // [2, 3] 删除第0个值开始后的1个元素 0是开始下标 1是长度 arrTest.splice(1, 1, 1, 2); // [1, 1, 2, 3] 1:下标 1:长度 1,2:在删除的位置增加的元素
七、map()方法
[1, 2, 3].map(function(elem, index, arr){ return elem * elem; }); // [1, 4, 9]
八、forEach()
[1, 2, 3].forEach(function(elem, index, arr){ console.log("array[" + index + "] = " + elem); }); // array[0] = 1 // array[1] = 2 // array[2] = 3
九、filter()方法
[1,2,3,4,5].filter(function(elem){ return (elem>3); }); // [4, 5]
十、some()方法 判断数组中是否有值大于某个值
[1, 2, 3, 4, 5].some(function(elem, index, arr){ return elem >= 3; }); // 返回true
十一、every()方法 判断数组中所有元素是否大于某个值
[1, 2, 3, 4, 5].every(function(elem, index, arr){ return elem >= 3; }); // 返回false
十二、reduce方法
用来累计的变量(即当前状态),默认值为0
数组的当前元素
当前元素在数组中的序号(从0开始)
原数组
[1, 2, 3, 4, 5].reduce(function(x, y){ return x+y; }); // 15
除了上述这些文法外还有很多其他方法:
valueOf() 返回数组本身
toString() 返回数组的字符串形式
concat() 合并数组
indexOf() 返回给定元素在数组中第一次出现的位置,如果没有出现则返回-1
lastIndexOf() 返回给定元素在数组中最后一次出现的位置,如果没有出现则返回-1
谢谢关注!
相关文章推荐
- jquery插件生成简单二维码
- 【grunt整合版】30分钟学会使用grunt打包前端代码
- bootstrap-table给每行添加编号
- Gulp:新一代前端构建利器
- 201506041201_《JavaScript权威指南》(p64-90)
- 添加、修改弹出框的退格键禁用
- jQuery全屏滚动插件fullPage.js
- css3常用动画效果集合01
- jQuery-menu-aim有時候不能觸發BUG解決辦法
- jQuery操作cookie
- Populating Next Right Pointers in Each Node
- list转换json
- angularJS测试并集成到jinkens
- JavaScript 命名函数与匿名函数
- C# 将 HTML 转成纯文本
- Documentation/fb/framebuffer.txt 翻译
- node包管理相关
- jstl的formatNumber标签的四舍五入问题
- caffe make runtest error(core dumped)Check failed: status == CUDNN_STATUS_SUCCESS (6 vs. 0)
- js字符串全部替换