JavaScript中Array对象用法实例总结

 更新时间:2016年11月29日 10:58:28   作者:牛逼的霍啸林  
这篇文章主要介绍了JavaScript中Array对象用法,结合实例形式总结分析了Array数组对象的常用属性与方法的功能与相关使用技巧,需要的朋友可以参考下

本文实例讲述了JavaScript中Array对象用法。分享给大家供大家参考,具体如下:

Array数组对象有很多常用的方法和属性,现总结如下:

1. length属性,获取数组中元素的个数。

2. concat()方法,连接两个数组。将两个数组连接起来。示例如下:

var names= new Array('Jack','Tom','Jim');
var ages= new Array(12,32,44);
var concatArray;
concatArray=names.concat(ages);

这里的concatArray就是姓名数组与年龄数组结合的新数组。

3. slice()方法,获取数组中的部分数组元素。

一般有两个参数,第一个表示起始位置,第二个表示结束位置(类似于substring)。值得注意的是截取的数组元素位于第二个参数位置之前。也就是说,如果第二个参数为4,就表示截取到第四个数组元素之前。

4. join()方法,将数组转化成字符串。这个方法是javascript的方法,在jQuery中也经常用到。示例如下:

var myShopping=new Array("eggs","apple","milk");
var myShoppingList = myShopping.join("<br>");
document.write(myShoppingList);

这里的myShoppingList就成了字符串,内容为"eggs<br>apple<br>milk";

5. sort()方法,对数组中的元素进行排序,已首字母的顺序进行排列,由小到大。

6. reverse()方法,对数组中的元素进行翻转,前后掉个头。

如果将sort()方法与reverse()方法结合,就能达到逆序排列的效果。

也就是先排序,再翻个,这样就达到逆序的效果了。

下面是一个小综合的例子:

<script type='text/javascript'>
  var myShopping = new Array("Eggs","Milk","Potatoes","Banana","Cereal");
  var ord = parseInt(prompt("Enter 1 for alphabetical order,and -1 for reverse order",1));
  switch(ord)
  {
    case 1:
    myShopping.sort();
    myShopping = myShopping.join("<br>");
    document.write(myShopping);
    break;
    case -1:
    myShopping.sort();
    myShopping.reverse();
    myShopping = myShopping.join("<br>");
    document.write(myShopping);
    break;
    default:
    document.write("That not a valid input.");
    break;
  }
</script>

这个小例子就是运用了数组对象中的排序方法和翻转方法以及join方法的小示例。如果输入为1就进行顺序排列并输出,如果为-1就进行逆序排列并输出。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》及《JavaScript错误与调试技巧总结

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

相关文章

  • 详解JS ES6编码规范

    详解JS ES6编码规范

    本章节讨论使用ES6编码风格到代码中需要注意的点。通过记住这些关键点,可以让我们写出更优美的、可读性更强的JavaScript ES6风格的代码。
    2021-05-05
  • JavaScript监听一个DOM元素大小变化

    JavaScript监听一个DOM元素大小变化

    这篇文章主要介绍了JavaScript监听一个DOM元素大小变化,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • JS实现网页每隔3秒弹出一次对话框的方法

    JS实现网页每隔3秒弹出一次对话框的方法

    这篇文章主要介绍了JS实现网页每隔3秒弹出一次对话框的方法,涉及JavaScript结合时间函数递归调用的相关技巧,非常简单,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • javascript自定义in_array()函数实现方法

    javascript自定义in_array()函数实现方法

    这篇文章主要介绍了javascript自定义in_array()函数实现方法,涉及javascript数组的遍历与查找相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • js判断浏览器类型的方法

    js判断浏览器类型的方法

    这篇文章介绍了js判断浏览器类型的方法,有需要的朋友可以参考一下
    2013-08-08
  • JavaScript事件冒泡与事件捕获实例分析

    JavaScript事件冒泡与事件捕获实例分析

    这篇文章主要介绍了JavaScript事件冒泡与事件捕获,结合实例形式分析了事件冒泡、阻止冒泡以及事件捕获的相关原理、操作技巧与注意事项,需要的朋友可以参考下
    2018-08-08
  • 简单实现js选项卡切换效果

    简单实现js选项卡切换效果

    这篇文章主要为大家详细介绍了简单实现js选项卡切换效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JavaScript中import用法总结

    JavaScript中import用法总结

    在本篇文章里小编给大家分享了关于JavaScript中import用法知识点,有需要的朋友们可以学习下。
    2019-01-01
  • 微信小程序实现tab左右切换效果

    微信小程序实现tab左右切换效果

    这篇文章主要为大家详细介绍了微信小程序实现tab左右切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-09
  • JS原型对象的创建方法详解

    JS原型对象的创建方法详解

    这篇文章主要介绍了JS原型对象的创建方法,结合实例形式详细分析了js对象的创建方法与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06

最新评论