JavaScript数组的定义及数字操作技巧

 更新时间:2016年06月06日 17:01:50   作者:日落残阳  
这篇文章主要介绍了JavaScript数组的定义及数字操作技巧的相关资料,需要的朋友可以参考下

一、数组的介绍

  数组中的元素类型可以是数字型、字符串型、布尔型等,甚至也可以是一个数组。

二、定义数组

  1、通过数组的构造函数来定义数组:

   var arr=new Array();
    var arr=new Array(size);
    var arr=new Array(element1,element2,...);

  2、直接定义数组:

    var arr=["字符串",true,13]; 

    ps: 和Object一样,此写法不会调用Array()构造函数。

三、数组元素

  1、存取数组元素:通过存取运算符[] 如:arr[2];

  2、添加数组元素:直接为数组元素赋值。

  3、删除数组元素:

   数组元素一旦被定义,就不能被删除。使用delete运算符只能删除数组元素的值,使元素值变为undefined,但是并不能删除一个数组元素,不能让数组中的元素减少。

  4、数组元素的个数:数组长度。array.length

四、数组的方法

  toString():将数组转换为字符串

  join():将数组元素连接成字符串,自动以逗号作为连接符来连接数组元素。 1,2,3

  join(str):将数组元素连接成字符串,以str作为连接符来连接数组元素。 join(-):1-2-3

  栈方法:

  push():在数组尾部添加元素,返回值为添加元素之后的数组长度。

  pop():从数组末尾移除最后一个元素,减少数组的length值,然后返回移除的元素。

  队列方法: 

  push():在数组尾部添加元素,返回值为添加元素之后的数组长度。

  shift():从数组前端移除一个元素,减少数组的length值,然后返回移除的元素。并将余下的所有元素都向前移1位。

  unshift():从数组前端添加一个元素,返回值为添加元素之后的数组长度(IE浏览器不支持返回值,返回undefined)。an

  排序:

     reverse():反转

  sort():按字符编码的顺序排序

  sort(order):order参数必须是一个函数,该函数应该有两个参数。

//正序排序
function ascOrder(value1, value2) { 
if (value1 < value2) { 
return -1;
} else if (value1 > value2) { 
return 1;
} else { 
return 0;
}
//倒序排序
function descOrder(value1, value2) { 
if (value1 < value2) { 
return 1;
} else if (value1 > value2) { 
return -1;
} else { 
return 0;
}
var box = [0,1,5,10,15]; 
box.sort(ascOrder); 
box.sort(descOrder); 

  操作方法:

  concat():添加元素并生成新数组,原数组长度不变化。

  splice():删除、替换或插入数组元素。

  splice(start,count,value,...):start:开始位置;count:元素个数

  slice(start,end):返回数组中的一部分。

  toLocalString():转换为当地字符串。

以上所述是小编给大家介绍的JavaScript数组的定义及数字操作技巧的相关知识,希望对大家有所帮助!

相关文章

  • Bootstrap CSS布局之列表

    Bootstrap CSS布局之列表

    这篇文章主要为大家详细介绍了Bootstrap CSS布局之列表的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 全系IE支持Bootstrap的解决方法

    全系IE支持Bootstrap的解决方法

    用了bootstrap模版搭建的网站,在IE7中打不开,在IE8中背景图片都不显示,内容排列也出现问题,在IE9中表现的最好,在IE11中出现弹出层中的图片无法显示,那么这些兼容性怎么去解决
    2015-10-10
  • javascript实时显示当天日期的方法

    javascript实时显示当天日期的方法

    这篇文章主要介绍了javascript实时显示当天日期的方法,可实时显示当前日期及星期的功能,非常简单实用,需要的朋友可以参考下
    2015-05-05
  • js 多种变量定义(对象直接量,数组直接量和函数直接量)

    js 多种变量定义(对象直接量,数组直接量和函数直接量)

    js 多种变量定义(对象直接量,数组直接量和函数直接量),大家可以参考下,对于以后学习js 面向对于与json操作会有帮助。
    2010-05-05
  • 简单的网页广告特效实例

    简单的网页广告特效实例

    下面小编就为大家带来一篇简单的网页广告特效实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 使用JS+plupload直接批量上传图片到又拍云

    使用JS+plupload直接批量上传图片到又拍云

    本文详细介绍了通过js+plupload实现了绕过服务器,向又拍云批量上传图片的解决方法,十分的巧妙,也节省了服务器资源,这里推荐给有需要的小伙伴。
    2014-12-12
  • 第四篇Bootstrap网格系统偏移列和嵌套列

    第四篇Bootstrap网格系统偏移列和嵌套列

    这篇文章主要介绍了Bootstrap网格系统偏移列和嵌套列的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JS实现动态添加DOM节点和事件的方法示例

    JS实现动态添加DOM节点和事件的方法示例

    这篇文章主要介绍了JS实现动态添加DOM节点和事件的方法,涉及javascript事件响应及针对页面dom元素节点与属性的动态操作相关实现技巧,需要的朋友可以参考下
    2017-04-04
  • 常用原生js自定义函数总结

    常用原生js自定义函数总结

    下面小编就为大家带来一篇常用原生js自定义函数总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • JavaScript进阶知识点作用域详解

    JavaScript进阶知识点作用域详解

    这篇文章主要介绍了JavaScript进阶讲解一作用域,主要包括作用域、函数、闭包、面向对象、ES新特性、事件循环、微任务、宏任务、内存管理、Promise、await、 asnyc、防抖、节流等等知识点,需要的朋友可以参考下
    2022-05-05

最新评论