JS初级重点总结（一）

一 . 变量及注释

1.1 变量的使用

变量的声明 变量被声明但未赋值； 结果为undefined

var num;//undefined

变量的初始化 变量声明且赋值 ;结果为后面具体的值

var a = 10;
console.log(a)；//10

1.2 注释的种类

单行注释 // 用在单行代码上面，注释代码不执行

//var num =100;

块注释 /* */ 用在函数或者是一段代码的上面

/*
这个函数是用来求和的
*/
function getSum(a,b){
	return a+b
}

二 . 六大原始数据类型的转换

2.1 六大原始数据类型

number 数值型 string 字符串型 boolean布尔型 null 空类型 undefined未定义 Object对象

2.2 查看变量数据类型

typeof(变量) 或者 typeof 变量

var num = "10";
console.log(typeof(num))；//string
console.log(typeof num )；//string

2.3 使用NaN判断是否为数字

NaN 翻译为 not a number 不是一个数字,返回的是布尔值，结果为NaN时，通常是因为undefined +数字，结果为true，说明它不是个数字，返回false,说明它是个数字。

var num；//声明了，未赋值 undefined
var a =10;
console.log(num+a)；//NaN

   var num;
   var sum=num+10;//NaN
   console.log(isNaN(sum));//不是数字为true,是数字结果为false

🍗控制台结果

2.4 类型的转换

👂三种方式转数值型
   Number（） parseInt（） parseFloat（）

⚠️Number（）与其他两个相比较，其更严格；parseInt() parseFloat()只要被转的变量第一位不是字符串类型就可以成功转型；而number则需要全是字符串类型的数字。

		//parseFloat()方法
 	   console.log(parseFloat("10"));//10
       console.log(parseFloat("10afrswfdsf"));//10
       console.log(parseFloat("g10"));//NaN
       
       //parseInt（）方法
       
       console.log(parseInt("10"));//10
       console.log(parseInt("10afrswfdsf"));//10
       console.log(parseInt("g10"));//NaN
       
       //Number()方法
       console.log(Number("10"));//10
       console.log(Number("10afrswfdsf"));//NaN
       console.log(Number("g10"));//NaN

👂转字符串型
.toString()
String(变量)

var num =10;
console.log(num.toString());

console.log(String(num));

👂转布尔型

console.log(Boolean(10));//true

总结：除了0、空字符串、undefined、null转布尔型为false,其他的均为true。

三 . 操作符

3.1 运算符的种类

算数运算符： 加 (+) 、减(-)、乘（*）、除（ / ）、取余（ % ）
赋值运算符：赋值（=）、加等于（+=）、乘等于( *=)、除等于（/=）、取余等于（%=）
关系运算符：大于（>）、小于（<）、大于等于（>=）、小于等于（<=）、不等（!=）
、严格等于（===【等值等类型】）、不严格等于（==）【等值】
逻辑运算符：逻辑与（&&）【并且】、逻辑或（||）【或者】、逻辑非（！）【取反】
一元运算符：加加（++）【自增1】、减减（- -）【自减1】；
⚠️运算过程中：前置++操作先自增1，再做运算；后置++先运算，再运算。前置--和后置--同理

 	var num1 = 1;
    var num2 = ++num1 + num1;
    console.log(num2);//4

四 . 条件语句及循环语句

4.1 条件判断语句

if(判断条件){ 代码 }、if(判断条件){ 代码 }else if(判断条件)｛代码｝else｛代码｝

 var score = parseInt(prompt("请输入成绩:"));
    // isNan来判断一个数字
    if (isNaN(score)) {
        alert("不是一个数字");
    };
    if (score > 90 && score <= 100) {
        alert("等级A");
    } else if (score > 80) {
        alert("等级B");
    } else {
        alert("等级C")
    };

switch(条件){ case 条件1：语句；break；case 条件2：语句；break}

 var date = new Date().getDay();
    console.log(date);
    switch(date){
        case 6:alert("今天是星期六");
        break;
        case 0:alert("今天是星期日");
        break;
        default:
            alert("期待周末！")
    }

4.2 循环语句

循环：重复做一件事，循环要有结束条件，也要计数器
while(条件)｛语句｝循环

  var i = 0; //计数器
    while (i < 10) {
        console.log("输出第" + i + "次");
        i++; //计数器
    }；


var flag = true;
    while(flag){//只要里条件为真就会一直执行下去
        console.log(111);
        flag = !flag;
    }；
 // 求100以内的偶数和
    var sum = 0;
    while (i < 100) {
        if (i % 2 == 0) {
            sum += i;
        }
        i++;
    }
    alert(sum);

do{语句}while(条件)循环

 // 最少执行一次
    do {
        var result = prompt("您觉得我帅吗？")
    } while (result != "y");
    alert("您真有眼光！！")

for(){}循环

 // 1-100的偶数和
    var sum = 0;
    for (var i = 1; i <= 100; i++) {
        if (i % 2 == 0) {
            sum += i;
        }
    }
    alert(sum);

 // 打印五角星
    for (var i = 0; i < 5; ++i) {//行数
        for (var j = 0; j <= i; ++j) {//个数
            document.write("★");
        }
        document.write("<br/>")
    }

五. 致谢

喜欢的小伙伴们，可以访问我其他的文章。点点关注，一起复习吧✏️