js基础:数组基础和数组方法的各种使用
来源:互联网 发布:变换发型的软件 编辑:程序博客网 时间:2024/06/05 02:51
javascript中,数组是大家经常能接触到的东西,就是相同数据类型的元素按一定顺序排列的集合,就是把有限个类型相同的变量用一个名字命名,然后用编号区分他们的变量的集合。
举个例子:
<script type="text/javascript">
var arr=[1,3,5,7,9]
</script>
此处便是声明了一个包含1,3,5,7,9的数组,长度为5,且数组名为 arr。
声明方法有很多种:
var arr = new Array();
创建一个空数组
var arr = new Array(x); //此处x为数字
创建一个数组并指定长度,数字x即为数组的长度,注意不是上限,是长度
var arr = new Array(1,2,3,4........);
创建一个数组并赋值
那么如何调用数组中的变量呢?
使用格式为:数组名+[x] (x为数字,意为数组中的第x项) 函数如下:
<script type="text/javascript">
var arr = [1,3,5,7,9]
alert(arr[1]);
</script>
那么此时便会弹出数组arr中的第1项,但是!奇怪的是,弹出结果为3,并不是数组中的1,注意了!数组中是从0开始数起的,即数组中第0项就是我们肉眼看到的第1项,第1项就是我们肉眼看到的第2项,已以上函数为例,arr[0]便是1,arr[1]便是3,arr[4]便是最后一项。
但是对于一个很长的数组,我们怎么去知道他的长度呢,我们可以用到以下函数:
<script type="text/javascript">
var arr=[1,3,5,7,9,11,13,15,17,19,21,23,25,27,29,31,33,35,37,39]
alert(arr.length);
</script>
arr.length的意思为数组的长度,这样,我们对于一个长度很长的数组也可快速知道他的长度为多少。
注意!我们现在知道的长度是从1开始的,即肉眼看到的真实的变量的个数。
了解到arr.length的用法之后,我们就可以用其结合for循环来遍历一个数组中的所有变量:
<script type="text/javascript">
var arr=[1,3,5,7,9]
for(i=0;i<arr.length;i++){
alert(arr[i]);
}
</script>
此处i最好初始值为0,因为数组中arr[0]才是指数组中的第一项。
1.数组变量的添加push、unshift
<script type="text/javascript">
var arr = [1,3,5,7,9];
a=arr.length;
alert(arr);
arr.push(11);
alert(arr);
</script>
运行代码,原数组为1,3,5,7,9,但arr.push(11)之后,数组变为1,3,5,7,9,11,可见push是从数组最后面推进去一个元素。
而unshift便是从数字最前面新增一个元素,这里便不多做测试。
2.数组变量的删除pop、shift、splice
3.数组变量的链接concat
var arr1 = [1,3,5,7,];
var arr2 = [9,11,13,15];
var arr3 = arr1.concat(arr2);
alert(arr3);
</script>
4.数组的排序与反转sort
return a - b
}
var arr = [10,5,40,24,1000,1]
alert(arr.sort(sortNumber))
</script>
5.用数组的元素组成字符串join
- js基础:数组基础和数组方法的各种使用
- js基础:数组基础和数组方法的各种使用
- js基础:数组基础和数组方法的各种使用
- js基础:数组基础和数组方法的使用
- javascript数组基础和数组方法的各种使用
- Web前端从入门到放弃(js数组基础和数组方法的各种使用)
- js-数组基础和数组方法的使用
- Acticle 5:javascript数组:数组基础及数组方法的各种使用
- js基础数组方法
- js循环数组各种方法array 汇总-基础
- JS基础第六天:创建数组 遍历的基础方法
- JAVA基础-方法和数组
- JS-数组基础方法详细总结
- JS基础--------数组
- js基础--数组
- JS基础--数组
- js 数组基础
- js关于数组和对象基础
- MDI环境下枚举所有打开的窗口
- K近邻---Python---机器学习
- js代码加载外部css和js文件
- android Drawable setbounds()介绍
- selenium 获得页面cookie信息
- js基础:数组基础和数组方法的各种使用
- 【Android】AndroidStudio导入别人的项目报错。编译通过,无法运行解决方案
- Laravel Eloquent ORM--整理
- php error_log 函数的使用
- Rails Gem开发(一)——Carrierwave 实现文件上传
- 关于Android SDK里的compileSdk、minSdk、targetSdk、buildTools、Tools、Platform-tools
- 2013年长沙区域赛-HDU 4791-Alice's Print Service
- C语言关于文件概述
- KVO 和 NSNotificationcenter addObserver 和removeObserve成对出现的原因