三、深入Javascript(2)_看智能社blue老师JS视频整理的笔记

时间:2022-08-22 18:11:55

数组

1、定义数组的2种写法:

(1)var a=[1,2,3]; 
(2)var a=new Array(1,2,3);

这两种方法作用一样,一般用第1种就可以,因为它写起来简单,所有性能略高。

2、数组的属性(length)

数组的length的功能:既可以获取,又可以设置(即既可读又可写)

         <script>
var arr=[1,2,3,4,5,6];

arr.length=3;
alert(arr); //弹出前三个值(即length可以设置)
//alert(arr); //弹出数组里的每个值(即length可以获取)
//alert(arr.length); //弹出数组的个数(即length可以获取) 总结:数组里的length既可以获取,又可以设置
</script>

例如,可以快速清空数组里的值,让数组的length=0即可 

3、数组的使用原则:在用数组时为了避免混乱,最好只存一种类型的东西,要么都存数字,要么都存字符串

4、数组的添加和删除

(1)数组从头部或尾部添加:

(1) push(元素):是从数组的末尾添加

例如:

         <script>
var arr=[1,2,3];

arr.push(4); //push作用是往数组的末尾添加一个东西

alert(arr); //结果是1,2,3,4,即4被添加到数组的末尾
</script>



 

(2)unshift(元素):从头部添加

(2)数组从头部或尾部删除:

(1) pop():是删除数组末尾的数字

例如:

         <script>
var arr=[1,2,3];

arr.pop(); //pop作用是删除数组末尾的数字

alert(arr); //结果是1,2,即数组的末尾数3被删除了
</script>

 

(2) shift():从头部删除

(3)数组从中间添加或删除(splice):

splice是数组的万能操作,splice是先删除,后插入

例如:

<script>
var arr=[1,2,3,4,5,6];

// 删除:splice(起点,长度)
//arr.splice(2,3);结果是:1,2,6

// 插入:splice(起点,长度,元素。。。)
//arr.splice(2,0,'a','b','c');结果是:1,,2,'a','b','c',3,4,5,6

// 替换:也是分两步,第一步删除,第二步添加,起点是从零开始算的
arr.splice(2,2,'a','b');//结果是:1,2,'a','b',5,6

alert(arr);
</script>

5、数组连接

(1)concat:连接两个数组

         <script>
var a=[1,2,3];
var b=[4,5,6];

//alert(a.concat(b)); //结果:1,2,3,4,5,6
alert(b.concat(a)); //结果:4,5,6,1,2,3
</script>

(2)join:可以把数组里面的东西给拼起来(用分隔符组合数组元素,生成字符串)

<script>
var arr=[1,2,3,4];

//alert(arr.join('-'));结果是:1-2-3-4
alert(arr.join('- -p'));//结果是:1- -p2- -p3- -p4
</script>
后面学到ajax时,可用它来连接一些网址


6、数组排序(sort):sort([比较函数]),排序一个数组,这个比较函数用来控制排序的特性

例1:排序一个字符串数组

<script>
var arr=['float','width','alpha','zoom','left'];

arr.sort();

alert(arr);//结果是:alpha,float,left,width,zoom
</script>

例2:排序一个数字数组

<script>
var arr=[12,8,99,19,112];

//arr.sort();//如果直接这样写,弹出来的是112,12,19,8,99,也就是说sort只认识字符串,默认按字符串来比较
arr.sort(function (n1,n2){

return n1-n2;//是下面if else的简写

/*if (n1<n2)
{
return -1; //只要是负数就行
}
else if (n1>n2)
{
return 1; //只要是正数就行
}
else
{
return 0;
}*/
});

alert(arr);
</script>