JavaScript初学笔记(一)

通用语法:

输出  输入 
变量(数据类型、表达式、运算符)
程序三大结构(顺序结构\选择结构\循环结构)
数组
函数(方法)

1.输出:

弹窗输出:   alert(输出的内容); 
	注意: 输出的内容字符串加引号 数值不需要 
页面内输出: document.write(内容); 
	注意: 会冲刷页面中原有的内容 
控制台输出: console.log(内容);
	注意: F12 在控制台中输出(程序员调试使用)

2.输入:

HTML输入:表单中完成
prompt("提示信息","默认值"); 

3.变量

概念: 可以发生改变的数据 
语法: 
	变量三要素 数据类型 名称 值 
	数据类型: 决定这是一个什么类型的数据 
		数值 字符  布尔类型  数组类型 对象类型
	变量名称: 代号 方便去内存找数据
	变量值：存储的数据 

	变量声明:
		var 名称 = 值;
	变量的使用:
		document.write(变量);
		注意:  "字符串"+变量+"字符串" 做拼接输出
		
	表达式:
		结合运算符 有计算操作
		运算符:
		赋值运算符:  =   (== ===)
		比较运算符:  > >=  < <= !=  ==  ===  结果是 true 或者 false
			支持:  "100"==100 比较 true  不同数据类型之间的比较
				   "100"===100 既要比较数据类型 又要比较值 false 
		算术运算符: + - * / %(求余数)
		         12%3=0
				 12%5=2  21%5=1

JS的数据类型:
系统函数(方法):在程序中已经定义好的方法可直接使用
typeof() 返回数据的数据类型

字符串类型: string  引号
数值类型:   number
布尔类型:   boolean
对象类型:   object  (对象/数组)
函数类型:   function

注意:
undefined: 未定义  声明一个变量没有赋值 类型就是undefined
null: 为空 比如在页面中找一个元素没有找到 返回是null

typeof(undefined): undefined
typeof(null):      object

字符串类型:
	var str="";
	str.length  //返回字符串长度
	
	str.substring(起始位置,终止位置)//截取指定位置字符串 注意不包含终止位置
	str.charAt(起始位置)//截取指定位置的一个字符 
	
	str.indexOf(字符串) //查找是否包含该字符串 包含返回位置 不包含返回-1
	
	str.toLowerCase(); //转小写
	str.toUpperCase(); //转大写
	
数值类型:
	var num=3.14e9;   3.14*10^9
	var num2=3.5e-9;  3.5*10^-9
	
布尔类型:
	true  false 

类型转换:

比如:  '100'+100='100100'; 计算有误
	①字符串--->数值类型	
		parseInt('字符串')   --->转整数  parseInt('123')--->123
		parseFloat('字符串') --->转小数 parseFloat('4.14')--->4.14
		注意:
		转换失败-->NaN  not a number 
		
	②数值类型/其它任意类型--->字符串 
		xxx.toString():

注意:

①js语言是严格区分大小写 
②命名不规范：尽量不要用拼音 不要无意义 
	驼峰命名法：stuName stuAge
③函数:
	A：取整函数
		Math.ceil() //向上取整
		Math.floor() //向下取整
		parseInt()  //向下整数 
		toFixed()  //四舍六入 
	B: 随机数函数:
		Math.random(); 产生 0~1 小数  [0,1)
		四位整数
		随机数 1000~10000之间
			* (max-min) + min 

程序三大结构:
顺序结构/选择结构/循环结构

顺序结构:代码的执行顺序默认就是从上到下,从右到左执行的

选择结构(分支结构): 控制代码执行某些语句 不执行某些语句

循环结构: 重复 可以不断的执行某条/某些重复的语句 

选择结构:

分类: ①非此即彼的简单选择结构 if-else 
	  ②多重if结构  if-else if 
	  ③单点等值判断 swicth-case 
语法:
	①简单if

if(条件表达式){
			
			}
		条件表达式:一定是一个布尔类型的数据 true/false 
		如果表达式为真才会执行{}中的语句 
			if(条件表达式){
			
			}else{
				//此处不是必须的
			}
		else:当if条件不成立 就执行else中的语句块

补充运算符:
	或 与 非: ||  &&  !  连接布尔类型的表达式
	与: 条件1&&条件2&&条件3...   必须所有条件都为真 才为真 
	或: 条件1||条件2||条件3...   只要有一个为真就为真 全部为假才为假
	非: !条件1                   取反 

①简单选择结构:

if-else 结构 

②多重选择结构:

作用:常用在区间判断，或者多个判断内容时使用
语法:

if(布尔类型表达式){
		
		}else if(布尔类型表达式){
			
		}else if(布尔类型表达式){
			
		}else if(布尔类型表达式){
			
		}......
		else{
		}

③单点等值判断:

switch(判断的内容){
		case 值1:
			执行的操作
			break;  //中断
		case 值2: 
			执行的操作
			break;
		case 值3: 
			执行的操作
			break;
		.......
		default:
			如果与上面的数据都不匹配就执行此处的操作
			break;
	}

注意:
	①switch-case 只能做等值判断 不能判断区间 所以可以被上面两个if替代
	②default 作用是 如果上面的数据都不匹配就执行default 可以省略
	③break作用:
		break 中断当前的判断 如果不写 无条件贯穿后面的语句 直到遇见break

总结:

if-else  两种情况 非此即彼  
if-else if 区间 等值判断 
switch-case 只做等值