美文网首页
6. js 数据类型 运算符 Math

6. js 数据类型 运算符 Math

作者: 银角大王__ | 来源:发表于2017-12-25 23:19 被阅读0次

1. javascript 组成   

 JS = ECMAScript + DOM + BOM

2. 输出语句

console.log( )  控制台打印  console.log(typeof(打印值类型))

alert ( )      弹窗显示内容   confirm ( ) ;    确定取消   返回true false//     prompt( );  返回字符串  输入内容 返回字符串 //

document.write()   在页面书写内容

3. 变量

3.1 变量命名规则

   驼峰命名规则:getElementById/matherAndFather/aaaOrBbbAndCcc

  1 .变量命名必须以字母或是下标符号”_”或者”$”为开头。

   2.变量名长度不能超过255个字符。

    3.变量名中不允许使用空格,首个字不能为数字。

     4.不用使用脚本语言中保留的关键字及保留符号作为变量名。

     5.变量名区分大小写。(javascript是区分大小写的语言)

     6.汉语可以作为变量名。不建议使用

3.2 变量使用 ( 加减乘除 ) 变量交换

  变量赋值   var   age = 19 ;   var name; name="张三";

 console.log(10+20-10+20*10+20/10*20);

var a = 111 ;  var b = 222; var temp;

4.数据类型  

 简单数据类型: (值类型)      字符串           数字              布尔           未定义         空

                                            string           number         boolean     undefined       null

复杂数据类型 :   (引用类型)

object (对象 )      function(函数)   array(数组)  data(日期对象)  regexp(正则表达式)  error(错误提示)

4.1 number  数字

整数  paseInt

 浮点数 paseFloat

NaN (Not a Number) 

    undefined  和任何数值计算为NaN  

     NaN 与任何值都不相等 包括NaN本身

isNaN ()   任何不能被转换为数值的值都会导致这个函数返回 true (符合就不是数字 )

 isNaN (NaN);  true ;

isNaN("blue");   true

isNaNaN(123) ; false

4.2 string  字符串

 引号单双 都可以 var name = "张三" ;  var name = '李四';

转译:   无法输出的字符,先输出/,在输出字符。(“、\、换行等....)

字符串拼接 :   console.log( " hello" +"world");

4.3 boolean  布尔

document.write(Boolean(0));   //false

document.write(Boolean("1"));  // true

4.4 undefined 和 null  (undefined变量未赋值)

  null == undefined  // true

null === undefined // false

10 + null = 10 ;

10 + undefined = NaN ;

 任何数据类型和 undefined 运算都是NaN

 任何值和null 运算 null可看做 0 运算

5.  运算符

5.1 算数运算符     

    ① 一元运算符  正号 负号  ++  -- 平方等 一个变量就能运算

    ② 二元运算符 + - * /  等两个变量才能运算

    ③ 三元运算符   值 1 ? 值2 : 值3     a > b ? a : b   , a>b成立  返回a  否则返回b

5.2 逻辑运算符 

    |  或 (满足两者中的一个)       & 且 (and 同时满足)     ! 非 (取反)

5.3 比较运算符

    >   <    ==  === (数值 类型完全相等)    >=  <= 

5.4 赋值运算符

   =   +=  -=   *=   /= %=

5.5 运算符练习 

var a = 1; var b = ++a + ++a; console.log(b);    // 5

var a = 1; var b = a++ + ++a; console.log(b);    // 4

var a = 1; var b = a++ + a++; console.log(b);    // 3

var a = 1; var b = ++a + a++; console.log(b);    // 4

6. 算数优先级  (先算括号 然后乘除 再算加减 最后赋值)

1. ( )

2. !  -(负数)   ++   --  (正数省略+)   一元运算 

3. *   /   % 

4.  +   -    (加减)   二元运算

5. < <=    <   >=    一级逻辑运算

6. == != === !==  二级逻辑运算

7.  &&   and 

8.  ||  或 

9.  ? :  三元运算

10.  = +=  -=   *=  /=  %=

7. && 和 ||  运算

&&  链接两个 boolean 类型  有一个是false 结果就是false   

 ||     链接两个   boolean 类型  有一个是true  结果就是true

8. 数据类型转换

8.1 转换成字符串 

toString();     只能转换number和boolean;

String() ;   有些值没有toString ( ),这个时候可以使用String( )。比如:undefined和null

字符串拼接 :  变量  + " "

8.2 转换成数值

- * / 

 Number( ) ;     true ---1   false---0

 parseInt ( );   取整数

 parseFloat ( ) ;

   var num1 = Number(true); //true返回1  false返回0

   var num2 = Number(undefined); //返回NaN

   var num3 = Number("hello");  //返回NaN

   var num4 = Number("   "); //如果是空字符串返回0

   var num5 = Number(123); //返回123,如果是数字,简单返回

   var num6 = Number("123abc");  //NaN var num7 = Number("abc123");  //NaN

8.3 转换成 boolean 值

Boolean( ) ;      false   " "   0  NaN  null   undefined  都是false

9. Math方法

Math.abs()  取绝对值         Math.abs(-1.12);   // 1.12   

Math.ceil()    Math.ceil(1.4)  // 2    向上取整

Math.floor()   Math.floor(1.4);  // 1  向下取整

Math.max();   Math.max(1,3);  // 3  取最大值

Math.max();   Math.min(1,3);  //     取最小值

Math.pow()    Math.pow(2,3);  // 8  一个数的多少次方

Math.random()  Math.random();   0-1;   取随机数

Math.round()     Math.round(1.4);  // 1   四舍五入

10. 练习题

相关文章

  • 6. js 数据类型 运算符 Math

    1. javascript 组成 JS = ECMAScript + DOM + BOM 2. 输出...

  • 2018-5-2周末线下聚会问题总结

    数学运算符(math方法总结) 数据类型 object -> 包含object和null 逻辑运算符 数组 ...

  • js运算符

    js基础语法:运算符,判断语句,数据类型,js对象 一、运算符 赋值运算符 =算数运算符 +-*/% ++...

  • Day24-JS基础

    1.什么是JS 2.JS基础语法 2.变量的声明 3.运算符 4.分之结构 5.循环结构 6.函数 7.数据类型

  • 基本语法

    js的基本数据类型 类型转换 Global 和 Math

  • 前端笔记(9)

    代码:1.js基本语法 2.Js编写位置 3.数据类型 4.标识符 5.字面量和常量 6.强制类型转换 7.运算符

  • JavaScript基础总结

    ✍目录总览:(JS概念与组成、JS格式规范、JS基本语法【输入、输出、变量、数据类型、数据类型转换、运算符、流程控...

  • 原生js

    原生JS学习笔记1——基本数据类型和运算符 js的背景知识介绍,js的引入方式,js的变量及运算符 原生JS学习笔...

  • 前端(十一)

    1.js基本语法 2.字面量和变量 3.标识符 4.数据类型 5.运算符 6.自增和自减 7.练习

  • JavaScript 01 (JS引入/变量/数据类型/类型转换

    JS的引入及调试,常量,字面量,变量,JS中的数据类型,JS的运算符,JS的运算符之隐式类型转换,强制类型转换,M...

网友评论

      本文标题:6. js 数据类型 运算符 Math

      本文链接:https://www.haomeiwen.com/subject/ztgrgxtx.html