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

此处pop、shift写法与push差不多,而他们的不同处在与,push的括号中可写多个新增数,而pop与shift的括号中无论写多少,他们也只是删除一个数,pop与shift的不同之处为pop是从数组后面删除,shift是从数组前面删除。

而splice的用法是arr.splice(a,b),其中a、b为数字,意味从数组的第a项删到数组的第b项。

3.数组变量的链接concat

格式为新数组=数组1.concat(数组2),用法如下:
<script type="text/javascript">
var arr1 = [1,3,5,7,];
var arr2 = [9,11,13,15];
var arr3 = arr1.concat(arr2);
alert(arr3);
</script>
代码运行结果为1,3,5,7,9,11,13,15

4.数组的排序与反转sort

arr.sort()的意思便是将arr中的元素从小到大进行排序,但是这里要注意的是因为sort实际比较大小的根据是字符串而字符串的比较方法一般是取字符中的第一个字符来进行比较的,所以在对比之前最好写成以下形式:
<script type="text/javascript">
function sortNumber(a, b){
return a - b
}
var arr = [10,5,40,24,1000,1]
alert(arr.sort(sortNumber))
</script>

5.用数组的元素组成字符串join

arr.join('.')意思为让数组中每个元素之间使用.来链接并组成一个字符串































数组的运用方法还有很多种,持续更新
谢谢观看
0 0
原创粉丝点击