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 date对象的减法处理实现代码
Dec 28 Javascript
JavaScript 图像动画的小demo
May 23 Javascript
图片Slider 带左右按钮的js示例
Aug 30 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
Nov 25 Javascript
Area 区域实现post提交数据的js写法
Apr 22 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 Javascript
vue.js+element-ui动态配置菜单的实例
Sep 07 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 Javascript
vue实现分页组件
Jun 16 Javascript
jquery实现动态创建form并提交的方法示例
May 27 jQuery
ElementUI之Message功能拓展详解
Oct 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
Smarty+QUICKFORM小小演示
2007/02/25 PHP
php中将数组存到文件里的实现代码
2012/01/19 PHP
php利用smtp类实现电子邮件发送
2015/10/30 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
2007/03/06 Javascript
基于JQuery 选择器使用说明介绍
2013/04/18 Javascript
Jquery 实现图片轮换
2015/01/28 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
javascript如何定义对象数组
2016/06/07 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
bootstrap按钮插件(Button)使用方法解析
2017/01/13 Javascript
详解webpack打包vue时提取css
2017/05/26 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
2017/07/25 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
微信小程序 轮播图实现原理及优化详解
2019/09/29 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
2020/05/19 jQuery
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
[47:50]Secret vs VP 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[50:22]完美盛典-2018年度红毯走秀
2018/12/16 DOTA
Python中atexit模块的基本使用示例
2015/07/08 Python
深入理解python中的闭包和装饰器
2016/06/12 Python
python实现身份证实名认证的方法实例
2019/11/08 Python
如何定义TensorFlow输入节点
2020/01/23 Python
Python基于yield遍历多个可迭代对象
2020/03/12 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
Noon埃及:埃及在线购物
2019/11/26 全球购物
贸易跟单员英文求职信
2014/04/19 职场文书
货物运输服务质量承诺书
2014/05/29 职场文书
介绍信如何写
2015/01/31 职场文书
幼儿园教师工作总结2015
2015/04/02 职场文书
亲情作文之母爱
2019/09/25 职场文书
CSS实现隐藏搜索框功能(动画正反向序列)
2021/07/21 HTML / CSS