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

迈不过友情╰ 2022-08-06 05:16 80阅读 0赞

**数组**

**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>

发表评论取消回复

表情：

评论列表（有 0 条评论，80人围观）

还没有评论，来说两句吧...

相关阅读

相关笔记4_看张鹏老师html+css视频所得

1、网页布局：（1）网页如何去排版(布局)\---传统通过table进行排版----主流是通过xhtml+css布局（2）布局的核心思想：

太过爱你忘了你带给我的痛/ 2022年08月14日 03:52/ 0 赞/ 100 阅读

相关笔记3_看张鹏老师html+css视频所得

三、html文档结构 1、做网页的----要用html文件----用浏览器打开 2、所有html文件都有一个结构（框架、骨架）

快来打我*/ 2022年08月14日 03:51/ 0 赞/ 88 阅读

相关笔记2_看张鹏老师html+css视频所得

二、html标记的类型：单标记与双标记 1、单标记（1）<标记名称> 单一型，无属性值如：<br /> （2）<标记名

ゝ一纸荒年。/ 2022年08月14日 03:51/ 0 赞/ 85 阅读

相关笔记1_看张鹏老师html+css视频所得

网页设计师：包括设计（PS网页效果图设计、Flash网页动画设计）和制作（Html、Xhtml、DIV+CSS和Javascript、JQuery）一、

妖狐艹你老母/ 2022年08月10日 11:49/ 0 赞/ 113 阅读

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

数组 1、定义数组的2种写法：（1）var a=\[1,2,3\]; （2）var a=new Array(1,2,3); 这两种方法作用一样，一般用第1种就可以

迈不过友情╰/ 2022年08月06日 05:16/ 0 赞/ 81 阅读

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

1、函数返回值 ( return ) function show() { return 12; }; alert(sh

ゞ浴缸里的玫瑰/ 2022年08月06日 05:16/ 0 赞/ 121 阅读

相关一、初探Javascript魅力(1)_看智能社blue老师JS视频整理的笔记

1、javascript是什么根据用户的一些操作，然后来修改页面上的一些元素、属性等。（1）HTML+CSS静态页面，JS给页面添加动的效果（2

深碍√TFBOYSˉ_/ 2022年08月06日 05:11/ 0 赞/ 77 阅读

相关智能社—定时器的使用01

一. 定时器种类 1.setInterval() 间隔型定时器 setInterval(function,1000); 2.setTimeout 延时型定时器 setT

桃扇骨/ 2022年07月16日 02:43/ 0 赞/ 115 阅读

相关智能社—JavaScript基础01

一. JavaScript变量类型 1.String 字符串 2.Boolean 布尔 3.Number 数字 4.Function 函数 5.Object 对象

╰半夏微凉°/ 2022年07月16日 02:42/ 0 赞/ 81 阅读

相关 JavaScript笔记整理

转自：[https://blog.csdn.net/u014427391/article/details/84980219][https_blog.csdn.net_u0144

墨蓝/ 2022年04月04日 11:40/ 0 赞/ 244 阅读