javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)


Posted in Javascript onSeptember 20, 2016

本文实例讲述了javascript数组对象常用api函数。分享给大家供大家参考,具体如下:

1. concat()

连接两个或多个数组,并返回结果

var a = [1,2,3];
var b = a.concat(6,7);
console.log(a); //[1,2,3]
console.log(b); //[1,2,3,6,7]

2. join(str)

把数组的所有元素用str分隔,默认逗号分隔

var a = [1,2,3]
var b = a.join('|');
console.log(a); //[1,2,3]
console.log(b); //"1|2|3"

3. pop()

删除并返回数组的最后一个元素的值

var a = [1,2,3];
var b = a.pop();
console.log(a); //[1,2]
console.log(b); //3

4. push()

向数组的末尾添加一个或更多元素,并返回新的数组长度

var a = [1,2,3];
var b = a.push('4','5');
console.log(a); //[1,2,3,4,5]
console.log(b); //5

5. reverse()

反转数组中元素的顺序

var a = [1,2,3,4,5];
var b = a.reverse();
console.log(a); //[5,4,3,2,1]
console.log(b); //[5,4,3,2,1]

6. shift()

删除并返回数组的第一个元素

var a = [1,2,3];
var b = a.shift();
console.log(a); //[2,3]
console.log(b); //1

7. slice(start,end)

从已有的数组中返回选定的元素

var a = [1,2,3,4,5];
var b = a.slice(0,-1);
var c = a.slice(1,3);
var d = a.slice(1);
var e = a.slice(2,-2);
var f = a.slice(3,1);
console.log(a); //[1,2,3,4,5]
console.log(b); //[1,2,3,4]
console.log(c); //[2,3]
console.log(d); //[2,3,4,5]
console.log(e); //[3]
console.log(f); //[]

8. sort(func)

按指定的参数对数组排序

注:func 必须返回一个值。

负值,第一个参数比第二个参数小,排在前面。

零,相等。

正值,第一个参数比第二个参数大,排在后面。

var a = [1,2,10,3];
var b = a.sort();
console.log(a); //[1,10,2,3]
console.log(b); //[1,10,2,3]
var num = function(x,y) {
  return x - y;
}
var c = a.sort(num);
console.log(a); //[1,2,3,10]
console.log(c); //[1,2,3,10]

9. splice(start,deleteCount,val1,val2,···)

从一个数组中移除一个或多个元素,并在该位置插入新元素,返回所移除的元素

var a = [1,2,3,4,5];
var b = a.splice(2,2,7,8);
console.log(a); //[1,2,7,8,5]
console.log(b); //[3,4]

10. unshift(val1,val2,···)

将指定元素插入数组开始位置,并返回新的长度

var a = [1,2,3];
var b = a.unshift(-2,-1);
console.log(a); //[-2,-1,1,2,3]
console.log(b); //5

11. toString()

将数组的元素转换为字符串,并用逗号分隔,且连接起来

var a = [1,2,3,4,5];
var b = a.toString();
console.log(a); //[1,2,3,4,5]
console.log(b); //"1,2,3,4,5"

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js实现在页面上弹出蒙板技巧简单实用
Apr 16 Javascript
原生javascript获取元素样式
Dec 31 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
巧用Javascript的逻辑运算符
Dec 02 Javascript
Angular2数据绑定详解
Apr 18 Javascript
element-ui循环显示radio控件信息的方法
Aug 24 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
如何解决.vue文件url引用文件的问题
Jan 18 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
Aug 29 Javascript
Vue.extend 编程式插入组件的实现
Nov 18 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
Sep 20 #Javascript
JQuery手速测试小游戏实现思路详解
Sep 20 #Javascript
javascript cookie基础应用之记录用户名的方法
Sep 20 #Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 #Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
Sep 20 #Javascript
谈谈对JavaScript原生拖放的深入理解
Sep 20 #Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 #Javascript
You might like
在PHP中使用与Perl兼容的正则表达式
2006/11/26 PHP
php字符串截取中文截取2,单字节截取模式
2007/12/10 PHP
利用php+mysql来做一个功能强大的在线计算器
2010/10/12 PHP
使用php判断网页是否gzip压缩
2013/06/25 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
2016/09/30 PHP
PHP使用mongoclient简单操作mongodb数据库示例
2019/02/08 PHP
jQuery学习5 jQuery事件模型
2010/02/07 Javascript
无阻塞加载脚本分析[全]
2011/01/20 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
2012/02/10 Javascript
js判断背景图片是否加载成功使用img的width实现
2013/05/29 Javascript
弹出窗口并且此窗口带有半透明的遮罩层效果
2014/03/13 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
ie 7/8不支持trim的属性的解决方案
2014/05/23 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
JavaScript 常见安全漏洞和自动化检测技术
2015/08/21 Javascript
从0开始学Vue
2016/10/27 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法
2019/09/16 Javascript
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
Python随机生成彩票号码的方法
2015/03/05 Python
Python os.access()用法实例
2019/02/18 Python
详解pyinstaller selenium python3 chrome打包问题
2019/10/18 Python
Python字符串split及rsplit方法原理详解
2020/06/29 Python
python3实现简单飞机大战
2020/11/29 Python
Selenium+BeautifulSoup+json获取Script标签内的json数据
2020/12/07 Python
浏览器实现移动端高性能css3动画(开启gpu加速)
2013/12/23 HTML / CSS
kmart凯马特官网:美国最大的打折零售商和全球最大的批发商之一
2016/11/17 全球购物
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
2014迎新年晚会策划方案
2014/02/23 职场文书
高中教师个人总结
2015/02/10 职场文书
青少年法制教育心得体会
2016/01/14 职场文书
MySQL 数据类型详情
2021/11/11 MySQL
vue postcss-px2rem 自适应布局
2022/05/15 Vue.js