JS学习笔记之变量

本文详细介绍了JavaScript中的变量基础,包括变量的创建、声明、赋值,以及不同类型如数值、字符串、布尔等的处理。还涵盖了变量的语法扩展、数字和字符串的特殊操作,以及类型转换的方法。
摘要由CSDN通过智能技术生成

目录

01 js变量的基本使用

变量的概述

       1.变量的创建

       2.变量声明和变量赋值

       3.变量初始化

变量使用的一些注意点

02 变量的类型

           变量的类型分类

                 基本数据类型(简单数据类型/值类型)

                    number(数值型)

                    string(字符串类型)

                    boolean(布尔类型)

                    undefined (未定义)

                    null (空值)

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

03 变量的语法扩展

1 更新变量

2 声明多个变量

3 声明变量的特殊情况

  3.1 只声明不赋值

  3.2 不声明 不赋值 直接使用这个变量

  3.3不声明直接赋值

04 数字类型

 1.十六进制 0~9 a~f

 2.数字型的最大值

 3.数字型的最小值

  4.无穷大

  5.无穷小

  6.非数字

  7.任何关于NaN 的操作返回都是NaN   NaN不与任何值相等 包含本身

   8.isNaN() 判断是否是非数字  是非数字返回true,否则是false

05 字符串类型

 1.字符串转义字符  都是用\开头的 这些转义字符写到引号里面

  2.变量的案例

  3.获取字符串的长度 length

  4.字符串拼接  +   字符串和其他类型拼接 最终得到的都是字符串

    5.变量和字符串拼接的时候  引引加加  

06 布尔类型

1.true/false参加加法运算的时候当1/0来看

2.NaN undefined和数字相加 最终的结果是NaN

3.null空值

07 typeof 变量类型的查看

08 其他字符转换为字符串类型

       1 利用字符串拼接的特点转换

       2 变量.toString() 转换成字符串

       3 String(其他类型)

09 其他类型转换为数字类型

   隐式类型转换  强制类型转换

    字符串转成成数值类型的方法

            parseInt(字符串)

            parseFloat(字符串)

            Number(字符串)

10 其他类型转换为布尔类型

     邪恶六兄弟


01 js变量的基本使用

变量的概述

     值可以变化的量:就是变量    

       变量就是一个容器 用来存储程序运行过程中 产生的临时数据

       1.变量的创建

       2.变量声明和变量赋值

    

变量声明

var 变量名;

变量赋值

变量名=值;

       3.变量初始化

           变量声明的同时赋值

变量使用的一些注意点

var num=10;//变量的初始化

var 18;//不能用数字开头或者纯数字作为变量名

var 变量=10;//不建议使用中文作为变量名

console.log(变量);

var var; //不能用关键字或者保留字

02 变量的类型

           变量的类型分类

                 基本数据类型(简单数据类型/值类型)

                    number(数值型)

                        包括整数 小数 正负数

                    string(字符串类型)

                       单引号 或者双引号 包起来的

                    boolean(布尔类型)

                        只有两个值 true(真) false(假)

                    undefined (未定义)

                        undefined

                    null (空值)

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

var num=999;//数值类型

//通过变量名去操作变量

   console.log(num);

   var str="爆炸很危险";//字符串类型

   var boo=true;//布尔类型

   boo=false;//变量 值是可以改变的

    var a;//当一个变量声明之后没有赋值的情况下 这个变量的值就是undefined

console.log(a);//undefined

03 变量的语法扩展

1 更新变量

var myName='zs';

console.log(myName);

myName='哈哈哈';

console.log(myName);

2 声明多个变量

      var myName='zs';

      var age=18;

      var height='180cm';

      var myName='zs',

          age=18,

          height='180cm';

3 声明变量的特殊情况

  3.1 只声明不赋值

 var sex;

 console.log(sex);//undefined

  3.2 不声明 不赋值 直接使用这个变量

     console.log(tel);//报错

  3.3不声明直接赋值

      a=10;

      console.log(a);

04 数字类型

       var num=10;//num数字型

       var pi=3.14;

 1.十六进制 0~9 a~f

        var num1=0xa;

        console.log(num1);

 2.数字型的最大值

 console.log(Number.MAX_VALUE);

 3.数字型的最小值

 console.log(Number.MIN_VALUE);

  4.无穷大

console.log(Number.MAX_VALUE*2);

  5.无穷小

console.log(-Number.MAX_VALUE*2);

  6.非数字

console.log('你好'-100);//NaN  (not a number) 非数字

  7.任何关于NaN 的操作返回都是NaN   NaN不与任何值相等 包含本身

alert(NaN/2)

alert(NaN==NaN)

   8.isNaN() 判断是否是非数字  是非数字返回true,否则是false

alert(isNaN('abc'))//true

alert(isNaN(12))//false

05 字符串类型

 var str='你是一个"高富帅"程序员';

 1.字符串转义字符  都是用\开头的 这些转义字符写到引号里面

      var str1="你是一个'高富帅'\n程序员";

      console.log(str);

      console.log(str1);

  2.变量的案例

      var a=prompt('请输入您的银行号密码');

      alert(a)
  var str='my name is andy';

  3.获取字符串的长度 length

console.log(str.length);

  4.字符串拼接  +   字符串和其他类型拼接 最终得到的都是字符串

        console.log("沙漠"+"骆驼");

        console.log(18);

        console.log("zs"+18);

        console.log("zs"+true);

        console.log(12+12);

        console.log("12"+12);
        var age=18;

    5.变量和字符串拼接的时候  引引加加  

    console.log('希望大家永远'+age+'岁');

    console.log(`希望大家永远${age}岁`);//模板字符串的写法

06 布尔类型

1.true/false参加加法运算的时候当1/0来看

        var boo1=true;//boo1布尔类型

        var boo2=false;//boo2布尔类型

        console.log(boo1);

        console.log(boo2);

        console.log(boo1+'abc');//trueabc

        console.log(boo1+1);//true参加加法运算的时候当1来看

        console.log(boo2+1);//false参加加法运算的时候当0来看

2.NaN undefined和数字相加 最终的结果是NaN

       var variable=undefined;

       console.log(variable+'abc');

       console.log(variable+1);//NaN undefined和数字相加 最终的结果是NaN

3.null空值

        var space=null;

        console.log(space+'abc');//nullabc

        console.log(space+1);//1

07 typeof 变量类型的查看

       var a;

       console.log(typeof a);

       var num=10;

       console.log(typeof num);

       var num1=3.1415926;

       console.log(typeof num1);

       var b=NaN;

       console.log(typeof b);//number

       var str='今天学习真开心';

       console.log(typeof str);

       var boo=true;

       console.log(typeof boo);//boolean

       var c=null;

       console.log(typeof c); //object

08 其他字符转换为字符串类型

       1 利用字符串拼接的特点转换

             变量+' '  拼接一个空字符串

       2 变量.toString() 转换成字符串

             数值无法直接调用toString  5.toString()报错

       3 String(其他类型)

var num=666;
var str=num+''
console.log(str,typeof str);

var a=123;
var s=a.toString();
console.log(s,typeof s);
console.log(5.toString());

09 其他类型转换为数字类型

   隐式类型转换  强制类型转换

var str='666';

console.log(str,typeof str);//string

console.log(str*1);//一旦字符串和数值类型进行减乘除运算的时候 会自动将字符串转换成number数值类型

    字符串转成成数值类型的方法

            parseInt(字符串)

                从左往右解析 遇到非数字停止 返回数字部分 如果开头就是非数字 则返回NaN

            parseFloat(字符串)

                解析规则和parseInt一样 只不过他能多解析出来小数点

            Number(字符串)

                字符串必须时纯数字才能解析成功 否则就返回NaN

让用户输入年龄 然后再控制台输出 5年之后您的年纪为:...岁

var a=prompt('请输入您的年龄');

var b=parseInt(a)+5

console.log("五年之后您的年纪是:"+b+"岁");

10 其他类型转换为布尔类型

        Boolean(其他类型)

     邪恶六兄弟

       false 0 "" undefined null NaN

      除了这六兄弟转换成布尔值是false以外 其他的所有值转换成布尔值都是true

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值