JavaScript-day01笔记

• JavaScript:数据类型，声明变量，流程控制语句
• JavaScript 了解

Javascript：脚本语言，不需要开发环境

特点：轻量级，弱类型的脚本语言。在浏览器运行使用

功能：

1. 动态交互效果：图片轮播滚动。
2. 表单检验，浏览器校验

 

• 数据类型

 

  数据类型：number 数字，string 字符串，boolean 布尔，对象类型（类型Array）；

 

  声明变量，都是统一用var来声明变量，没有规定变量类型。

  变量类型由数据的类型决定

  

  Typeof(); 识别数据类型

  parseInt();字符串转化整数

  parseFloat();字符串转化成小数

 

• JS 系统自带的方法

 

DOM：页面文档对象模型（页面）

BOM：浏览器对象模型（浏览器）

 

Document.writeln();把内容输出在页面中

Window.alert(); BOM弹框

Window.prompt();BOM的输入框，，接受字符串类型的值

Window.confirm();BOM的确认框，返回boolean类型的值

 

• 符号

 

1. 逻辑运算符

或：||

且：&&

非：！

等于：==

不等于：！=

 

• JavaScript语法

 

JS代码写在<script></script>标签中

JS外部文件<script src=”外部JS文件路径”></script>

• 流程控制语句

代码执行顺序：由上往下，从左往右，通过分号（；）分割代码

 

1. 分支结构

 

1. if...else 根据范围作为判断条件

 

    If(范围条件 1){

    满足条件1

}else if(满足条件2){

      满足条件2

}else{

 条件都不满足，默认执行else代码块

}

 

选择其中一条执行

 

1. Switch 根据具体的值作为条件

   

   Switch(条件值){

Case 值1；

     Break;//跳出代码块

Case 值2；

     Break;//跳出代码块

Default:

      以上条件都不满足执行此区域

}

 

1. 循环结构

   循环结构处理重复的业务逻辑

   

For循环：处理有循环范围和次数的循环

For循环执行流程：

1. 先声明 初始值：var i = 1；
2. 判断循环条件：i<11;
3. 执行循环内容：document.writeln(i);
4. 自变量：自增/自减；i++/i--;
5. 在判断循环条件：i<11；如果满足，执行此循环内容，直到条件不满足为止

 

 

   

   While和do  while循环：处理有循环的条件，或循环临界点的循环。

 

While（循环条件）{

 循环条件满足：true，可执行循环的内容

 循环条件不满足：false，不可执行循环内容

}

 

Do{

  区别 ：先执行一此循环的内容，在判断循环的条件；

  循环条件满足：true，可执行循环的内容

 循环条件不满足：false，不可执行循环内容

}While（循环条件）；

 

 

 

1. 流程控制语句中常用关键字

Continue:跳出本次循环，继续执行下次循环

Break：终止循环

 

1. 双层循环

单层循环：循环一层

双层循环：二维循环

For(){//1

For(){}//2

}

原理：外循环循环一次，内循环全部循环完成

 

• JS数组 Array:JS内置对象

数组：把数据都存储在一组中，同时操作很多数据

 

JS数组的创建

1. 数组实例化创建

   Var ary = new Array();

   数组通过下标添加元素，下标从0开始，按照下标顺序排列

   Ary[下标] = 数据；

 

1. 数组实例化创建，同时添加元素

Var ary = new ary(“用户名”，1，”密码”);

 

1. 静态数组，直接声明数组：通过[]直接创建数组，并且添加元素

Var ary =[1,”安捷伦”,123,...]；

 

二维数组：

利用一维数组，存储的元素也是一维数组

Var ary = [[1,2,3],[“1”,”2”,”3”]];

 

Var 省 =[福建];

Var 福建 =[福州，厦门];