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

 更新时间:2016年09月20日 09:49:20   作者:朱羽佳  
这篇文章主要介绍了javascript数组对象常用api函数,结合实例形式总结分析了javascript针对数组的连接、删除、反转、排序、插入等操作相关函数用法,需要的朋友可以参考下

本文实例讲述了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数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》及《JavaScript错误与调试技巧总结

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

相关文章

  • 浅析JS中回调函数的使用

    浅析JS中回调函数的使用

    在JavaScript中,回调函数是一种常见的编程模式,用于处理异步操作和事件处理,这篇文章主要为大家介绍了回调函数的使用场景和注意事项,需要的可以参考下
    2023-08-08
  • uni-app从安装到卸载的入门教程

    uni-app从安装到卸载的入门教程

    这篇文章主要介绍了uni-app从安装到卸载的入门教程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • Js利用正则表达式去除字符串的中括号

    Js利用正则表达式去除字符串的中括号

    这篇文章主要给大家介绍了关于Js利用正则表达式去除字符串的中括号的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • Javascript实现表单检验

    Javascript实现表单检验

    这篇文章主要介绍了Javascript实现表单检验,以注册界面为例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • 一个JavaScript去除字符串末尾的空白实例代码

    一个JavaScript去除字符串末尾的空白实例代码

    这是一个JavaScript去除字符串末尾的空白实例代码,很简单,但很实用,喜欢的朋友可以参考下
    2014-09-09
  • 基于JavaScript实现手机短信按钮倒计时(超简单)

    基于JavaScript实现手机短信按钮倒计时(超简单)

    在淘宝等购物网站,我们都会看到一个发送短信倒计时的按钮,究竟是如何实现的呢?下面小编通过本篇文章给大家分享一段代码关于js实现手机短信按钮倒计时,需要的朋友参考下
    2015-12-12
  • 微信小程序简单实现form表单获取输入数据功能示例

    微信小程序简单实现form表单获取输入数据功能示例

    这篇文章主要介绍了微信小程序简单实现form表单获取输入数据功能,涉及微信小程序针对form表单的事件绑定及数据获取等相关操作技巧,需要的朋友可以参考下
    2017-11-11
  • 理解JavaScript中的对象

    理解JavaScript中的对象

    这篇文章主要介绍了如何理解JavaScript中的对象,帮助大家更好的学习JavaScript,感兴趣的朋友可以了解下
    2020-08-08
  • JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结

    JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结

    这篇文章主要介绍了JS前端知识点offset,scroll,client,冒泡,事件对象的应用,结合实例形式总结分析了offset,scroll,client,冒泡,事件对象相关功能、原理及操作注意事项,需要的朋友可以参考下
    2019-06-06
  • 详解webpack 多入口配置

    详解webpack 多入口配置

    本篇文章主要介绍了webpack 多入口配置 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06

最新评论