Javascript中的Array数组对象详谈
- 更新时间:2022-11-26 22:41:53
- 编辑:桂爰爰
首先数组的定义以及初始化的方法:
var myArray = new Array(1,3.1415,"love"); //这里注意myArray数组中的元素不只是同一种数据类型的元素,可以有整形,有浮点型,有字符串等等都可以。这里充分展示了javascript作为一种语言对数据类型的弱化,语言更加的随意化,简便化。就行定义对象的时候用var一样。
在此介绍的有限,同时有一些我没有给出结果,希望大家自己体会,自己动手尝试一下,看看结果到底是什么,这样有助于记忆。以下带[]是可以省去的参数。
Array的属性:
length:数组对象的长度,即数组元素的个数。这里同样要注意第一元素的下标是0.
document.write(myArray.length); //结果是3
Array的方法:
join(<分隔符>):把数组中的各元素逐个连接起来,用分隔符置于元素与元素之间 document.write(myArray.join("-")); //输出结果:1-3.1415-love document.write(myArray.join(" ")); //输出结果:是什么呢? document.write(myArray.join("*¥")); //输出结果:是什么呢? document.write(myArray.join("* &")); //输出结果:是什么呢? document.write(myArray.join(" ")); //输出结果:是什么呢? reverse():将数组中的元素的顺序颠倒 document.write(myArray.reverse()); //输出结果:love,3.1415,1 slice(<始>[,<终>]):相当于数组的裁剪,这里不包括终。看到这里大家应该会联想到关于Sting对象的substring()和substr()方法了吧。。其实都类似。 var arraynumber = new Array(1,2,3,4,5,6,7,8); document.write(arraynumber.slice(3)); //输出结果:4,5,6,7,8 document.write(arraynumber.slice(3,5)); // 输出结果:4,5 i made a mistake,我原来写的结果是4,5,6,其实是4,5。多谢一位朋友提出来。大家注意一下,其实slice方法是不包括终止位置的。 document.write(arraynumber.slice(3,3)); // 输出结果:是什么呢? document.write(arraynumber.slice(3,2)); // 输出结果:是什么呢? document.write(arraynumber.slice(3,-1)); // 输出结果:是什么呢? document.write(arraynumber.slice(-100)); // 输出结果:是什么呢?
sort([<方法函数>]):排序
不带方法函数,按字母顺序进行排序,即按照字符编码的顺序排序,不是通常认为的按数值排序。
如果带方法函数,则按方法函数排序。
例子:
<script> function sortNumber(a,b) { return a-b; } var myArray = new Array(3,2,54,23,90,250); document.write("document.write("未经sort排序的数值:",myArray,"<br />") document.write("默认sort排序的数值:",myArray.sort(),"<br />") document.write("经sortNumber()的sort排序的数值:",myArray.sort(sortNumber),"<br />") </script>
结果是:
未经sort排序的数值:3,2,54,23,90,250
默认sort排序的数值:这个我也不知道,主要谁去记字符编码呢。
经sortNumber()的sort排序的数值:2,3,23,54,90,250
大家如果把sortNumber方法中的"a-b"改成"b-a",结果是什么呢?
相关教程
-
JavaScript按概率随机生成代码整理
本篇文章主要介绍了详解JavaScript按概率随机生成事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
发布时间:2020-02-09
-
使用javascript如何实现文字无缝滚动
这篇文章主要为大家详细介绍了javascript实现文字无缝滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
发布时间:2020-03-12
-
JavaScript 中的 JSON的知识点整理
我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题,请问,以下JS对象通过JSON.stringify后的字符串是怎样的
发布时间:2020-03-26
-
Javascript实现的机器学习类库的原理
本文介绍了前端Javascript实现的机器学习类库,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
发布时间:2019-09-25
-
Chrome DevTools直接调试Node.js和JavaScript的实例方法
现在我们可以用浏览器调试node.js了!!!下面这篇文章主要介绍了利用Chrome DevTools直接调试Node.js和JavaScript的方法步骤,文中介绍的很详细,需要的朋友可以参考学习,下面来一起看看吧。
发布时间:2019-09-14
-
实例分析JavaScript设计模式之策略模式
这篇文章主要为大家详细介绍了JavaScript设计模式之策略模式的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
发布时间:2020-02-22
-
JavaScript动态检测密码强度原理及实现方法示例效果
这篇文章主要介绍了JavaScript动态检测密码强度原理及实现方法,结合具体实例形式详细分析了javascript针对输入字符串密码强度检测的原理与相关判断操作技巧,需要的朋友可以参考下
发布时间:2020-02-04
-
JavaScript实现单击网页任意位置打开关闭窗口的代码
这篇文章主要介绍了JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法,涉及javascript窗口的相关操作函数与使用技巧,需要的朋友可以参考下
发布时间:2020-06-29
-
COM组件中调用JavaScript函数的实例讲解
这篇文章主要介绍了COM组件中调用JavaScript函数详解及实例的相关资料,需要的朋友可以参考下
发布时间:2020-03-27
-
JavaScript实现百度搜索框的过程
这篇文章主要为大家详细介绍了基于JavaScript实现百度搜索框效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
发布时间:2020-07-24