自学JavaScript的笔记（一）

JavaScript

一.js的基本知识

一般很多网页通用的js代码都用外联的方式，而是针对于当前某些页面来说，就用js代码域

图1为JavaScript代码

---

二.js的变量

1. js变量的申明

var 变量名 = 值；

例子：

   var d = 1;//js变量的声明

2. 关于js中“+”的问题
例子：

var c =true; (true--1,false--0)
Var d = 1;
Alert(c+d);
结果为2
Var c = true;
Var d ="1";//这是字符串
alert（c+d）；
结果是字符串的连接：true1

只有字符串类型中"+"是用来连接字符串的，其他可以当数字相加。

3. 注意事项
js的变量名是严格区分大小写，js中可以申明同名变量，后面的会将前面的变量覆盖

---

三.js的运算符

1. 与，或运算符（&，|）
&，|在js中返回值是1或0，不是Java中的true或false

2. 等值运算符：==

①先判断类型，若类型一致，直接比较

var a4="a";
Var a5 = "a";
a4==a5;//true

②若类型不一致，则先使用Number（）进行强转后再进行比较

var a1=1;
  var a2="1";
  var a3=true;
 a1==a2;//true
 a1==a3;//true

3. 等同运算符：===
先判断类型再判断内容，只有类型和内容一致时，才会返回true

注意：
null和undefined在做==判断时返回true

---

四.js的逻辑结构

1. if 结构
单分支结构：
if(判断条件){执行语句}
双分支结构:
if(判断条件){执行语句}else{执行语句}
多分支结构：
if（判断条件）{执行语句}else if（判断条件）{执行语句}。。。。else{执行语句}

2. switch选择结构

判断的变量可以是number类型，也可以是string类型，不要混用

3. 循环结构
for（变量；条件；迭代条件）{循环体}循环
while（循环条件）{循环体}循环
do{循环体}while（循环条件）

---

五.数组

1. 数组的声明

①  var arr = new Array（）；//声明一个空数组对象
②  var arr = new Array(length)；//声明一个指定长度数组
③  var arr =[元素]

注意：
js中的数组声明不用指定长度，js的数组长度时不固定的，会随着元素的数量改变而改变
可以这么声明：

Var arr=[]；

2. 数组的赋值与取值

① 数组可以存储任意类型的数据

② 数组的存入
数组名[角标]=值；//角标可以是任意的正整数

③ 数组的取出
数组名[角标]//返回当前角标对应存储的值
如果角标不存在，返回undefined

3. 数组的length属性

作用1：数组名.length//返回数组的长度

作用2：数组名.length=新的值//动态改变数组的
注意：

若length大于原有长度，则使用空进行填充
length小于原有长度，则从后面进行截取，最后的数据会被删除。

4. 数组的遍历

遍历1：普通for循环

 var arr=[10];
 for(var i=0;i<arr.length;i++){循环体}

遍历2： for-in循环

 var arr=[10];
for(var i in arr){循环体}

---

六.数组的操作

1.数组的合并
①使用语句：var d = arr.concat(b,c);//arr,b,c分别是数组。
②举例：

<!--	在头文件中声明代码域-->
	<script type="text/javascript">
	
	var arr = [1,"abc","张三"];//字符串要加""
	var b =["今天","明天","后天"];
	var c ="js"
	var d = arr.concat(b,c);//数组的合并
	alert(d);
	
	</script>

③结果：

2.数组指定间隔符转换字符串
①使用语句：var b = arr.join("-");//arr是数组。
②举例：

<script type="text/javascript">
	
	var arr = [1,"abc","张三"];
	var b = arr.join("-");
		alert(b);
</script>

③结果：

3.数组移除最后一个元素，并返回该元素
①使用语句：var ele = arr.pop();//arr是数组。
②举例：

<script type="text/javascript">
	
	var arr = [1,"abc","张三"];
	var b = arr.pop();
		alert(b);
	</script>

③结果：

4.数组的追加,并返回新数组的长度
①使用语句：var b = arr.push(“lol”);//arr是数组。
②举例：

<script type="text/javascript">
	
	var arr = [1,"abc","张三"];
	var b = arr.push("lol");
		alert(b);
	</script>

③结果：

④注意：追加的元素可以是一个数组，但是作为一个角标值存在。

5.数组移除第一个元素，并返回该元素
①使用语句：var b = arr.shift();//arr是数组。
②举例：

<script type="text/javascript">
	
	var arr = [1,"abc","张三"];
	var b = arr.shift();
		alert(b);
	</script>

③结果：

6.在数组开头插入一个元素，并返回数组的长度
①使用语句：var b = arr.unshift(“你好”);//arr是数组。
②举例：

<script type="text/javascript">
	
	var arr = [1,"abc","张三"];
	var b = arr.unshift("你好");
		alert(b);
	</script>

③结果：

7.数组删除指定位置元素,返回移除的元素
①使用语句：var b = arr.splice(1,2,“你好”,“hello”);//arr是数组。
解释：语句中的1,2分别指从数组下标为1开始向后删除2个数据，"你好"和"hello"是从下标为1的位置开始填充数组。
②举例：

<script type="text/javascript">
	
	var arr = [1,"abc","张三"];
	var b = arr.splice(1,2,"你好","hello");
		alert(b);
	</script>

③结果：