正文

js 学习day01andday02

IP云
IP云V管理员/0 阅读
11/12
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

day1

javascript三种引入方式

三种输出方式

变量

数据类型

查看数据类型

判断是否为数字

javascript三种引入方式

行内式

 <a href="javascript:alert('hello word')">哒哒哒</a>           
 <div onclick="alert('你好')">我</div>

内嵌式

<script>
        alert("hello word")
</script>

外链式

<script src="./01.js"></script>     //引入js文件

alert('hello word')                //js文件内容

三种输出方式

alert

alert("hello word")             //顶部弹窗输出

console.log

console.log("加入我们")          //控制台输出   最常用

document.write

document.write("加入我们")                  //网页内输出

变量

 var num;                    //不写死
 num = 100;
 var num2 = 200;

数据类型

基本数据类型

数字 number

 var x=10;

字符 string

 var t3 = 'abc'

布尔 boolean

var t4 = true

null

 var t5=null

undefined

var t4
复杂数据类型

对象 object

方法 fuction

查看数据类型>

typeof

console.log(typeof 10);                 //number
console.log(typeof  "abc");              //string
var t1 = 10;
console.log(typeof t1);                   //number
console.log(typeof typeof 10);           //string

判断是否为数字

isNaN is not anumber

	var a =100
    console.log(isNaN(a))                   //false
    var b ="abc"
    console.log(isNaN(b))                   //true

（emmmmmm,第一次发稿竟然因为文字少而被劝退，还好我还有余稿）

day02

数据类型转换

赋值运算符

比较运算符

逻辑运算符

自增和自减

数据类型转换

转换成数字

Number

  1. 可以把一个变量强制转换成数值类型
  2. 可以转换小数，会保留小数
  3. 可以转换布尔值
  4. 遇到不可转换的都会返回
		var t1 = "100"
        console.log(typeof t1)                            //string
        console.log(typeof Number(t1))                    //number
		var num = "abc"
        console.log(Number (num))                         //NaN

parseInt

  1. 从第一位开始检查，是数字就转换，直到一个不是数字的内容

  2. 开头就不是数字，那么直接返回 `NaN

  3. 不识别小数点，只能保留整数

    		var num= "100abc"
        console.log(parseInt(num))                        //100
		var num= "abc100"
        console.log(parseInt(num))                        //NaN

parseFloat

  1. 从第一位开始检查，是数字就转换，直到一个不是数字的内容
  2. 开头就不是数字，那么直接返回 NaN
  3. 可以识别第一个小数点
转字符串

  1. toString()`

    有一些数据类型不能使用 toString() 方法，比如 undefined 和 null

  2. String(变量)`

    所有数据类型都可以使用加法运算

    字符串拼接： 只要 + 任意一边是字符串，就会进行字符串拼接

    加法运算：只有 + 两边都是数字的时候，才会进行数学运算

转布尔类型

Boolean

​ 在 js 中，只有 ''、0、null、undefined、NaN，这些是 false

​ 其余都是 true

赋值运算符

  1. +=

    var a = 10;
a += 10;
console.log(a); //=> 20

    a += 10 等价于 a = a + 10

  2. -=

    var a = 10;

    a -= 10;
console.log(a); //=> 0

    a -= 10 等价于 a = a - 10

  3. *=

    var a = 10;
a *= 10;
console.log(a); //=> 100

    a *= 10 等价于 a = a * 10

  4. /+

    var a = 10;
a /= 10;
console.log(a); //=> 1

    a /= 10 等价于 a = a / 10

  5. %=

    var a = 10;
a %= 10;
console.log(a); //=> 0

    a %= 10 等价于 a = a % 10

比较运算符

== < > <= >= === !=

== 和===区别

==只比较数值是否相同

===比较数值和字符是否相同

		var a = 100
		var b = "100"
		console.log(a==b)                  //true
		console.log(a===b)                 //false

逻辑运算符

&&

只有两边均为正时，才为正，其余为假

		console.log(1 && 2 && 3)         //当均为true时，输出最后一位
        console.log(1 && 0 && 3)         //如果遇到false,直接输出false

||只有两边均为假时，才为假，其余为正

		console.log(1 || 2 || 3)         //输出第一个ture，
        console.log(false || 0 || 3)
        console.log(false || 0 || "")    //如果全为false,输出最后一个false

自增和自减

++a 前置 先进行++运算，在输出

 	var a=10
    console.log(++a)          //11
    console.log(a)            //11

a++ 后置 先输出a,在进行++

    var a=10 
    console.log(a++)          //10            
    console.log(a)            //11

--a 前置 先进行--运算，在输出

	var a=10
    console.log(--a)          //9
    console.log(a)            //9

a++ 后置 先输出a,在进行--

	var a=10 
    console.log(a--)          //10          
    console.log(a)            //9