ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

js 学习day01andday02

2022-08-18 20:31:54  阅读:84  来源: 互联网

标签:10 console log day01andday02 数据类型 js 学习 var false


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() 方法,比如 undefinednull

  2. String(变量)`

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

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

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

转布尔类型

Boolean

​ 在 js 中,只有 ''0nullundefinedNaN,这些是 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

标签:10,console,log,day01andday02,数据类型,js,学习,var,false
来源: https://www.cnblogs.com/fangye-js-study/p/16589525.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有