我是靠谱客的博主 超帅哑铃,最近开发中收集的这篇文章主要介绍前端【JS】数据类型、数据类型互相转换知识目录:,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

知识目录:

一、数据类型

     1.数字类型

二、数据类型互相转换

     1.字符串转数字

     2.数字转字符串

     3.转布尔类型


一、数据类型

    1.typeof( ):判断某个变量的数据类型.

    Eg:

         <script>

             var num1=50

             console .log(typeof(num1));

         </script>

    2.字符串:

        用引号 "" '' 包起来的就是字符串

        任何数据类型和字符串进行拼接都会变成字符串

    3.如何把字符串类型转换为数字类型

       1)Number:数字(可以参与运算)

       2)字符串 * ,-,/ 数字...

       3)Boolean:布尔值(false/true)一般用在判断语句中

 Eg:

       <script>

          var bool=true

          console.log(typeof(bool));

          if(bool){

                console.log("符合条件")

         }

       </script>

     4.Undefined:定义变量不赋值 (只声明,不定义 / 缺省)

 Eg:    <script>

                 var str5

                 console.log(typeof(sr5));

          </script>

     5.Object :对象

      null 空对象   array数组    object对象

 1).array:数组(将同一类型的数据放到一起,length获取数组长度)

                数组中取值,通过数组名[索引值]数组中的索引取值,从0开始

Eg:

    <script>

         var fruits=['苹果','橘子','葡萄','西瓜','榴莲','香蕉']

         console.log(fruits)

         console.log(fruits[0]);

         console.log(fruits[1]);

         console.log(fruits[2]);

         console.log(fruits[3]);

         for(var i=0;i<fruits.length;i++){

                console.log(fruits[i]);

        }

     </script>

 2).object:对象(对某一个东西的具体描述:key:'value'形式)

           对象.属性名 可以拿到属性值

Eg:

        <script>

          var cat={name:'Tom',like:'老鼠',color:'黄色'}

          //对象取值 对象名.key  eg:cat.like

          console.log(cat.like);

       </script>

 3).null:空对象

Eg:

      <script>

           var x=null

           console.log(typeof(x))

      </script>

    6. 函数 function:

重点:  

     1).分类:

           基本数据类型:

                 数字、字符串、underfined、boolean、null

      2).引用数据类型:

                 对象object和函数function

      3).基本数据类型和引用数据类型的区别:

                 基本数据类型实现拷贝的时候 俩值互不影响, 值在栈区

                 引用数据类型实现拷贝的时候 俩值互相影响,值在堆区

      4).深浅拷贝区别:

                浅拷贝:拷贝了地址

                拷贝:拷贝了内容

代码例子如以下代码:

<script>

var x=10

var y=x

console.log(y);

y=20

console.log(x);



var x=[1,2,3,4,5]

var y=x

console.log(y);

y[0]=100

console.log(x);

</script>

二、字符串转数字

      1.Number()

        eg:

<script>

       var str='999'

       var newStr=Number(str)

       console.log(typeof(str));

</script>

     2.字符串*、-、/

       eg:

<script>

      var str='999'

      var newStr=str-1

      console.log(typeof(newStr));

</script>

三、数字转字符串

    1.拼接字符串   eg: 变量名 + " "

Eg:  <script>

            var n=100

            var n1=n+""

            console.log(typeof(n1));

        </script>

     2. 数字.toString( )

Eg:  <script>

            var n=100

            var n2=n.toString()

            console.log(typeof(n2));

        </script>

      3.String(数字)

Eg:  <script>

            var n=100

            var n3=String(n)

            console.log(typeof(n3));

       </script>

补充:

如果字符串无法转化为数字类型会输出NaN(NaN[not a number] 是Number类型)

  1. 重点:NaN等于NaN?  答:不等于
  2. 数字与字符串进行四则运算,+转字符串,其余都是数字

四、转 布尔类型

1.非0即为真

最后

以上就是超帅哑铃为你收集整理的前端【JS】数据类型、数据类型互相转换知识目录:的全部内容,希望文章能够帮你解决前端【JS】数据类型、数据类型互相转换知识目录:所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(59)

评论列表共有 0 条评论

立即
投稿
返回
顶部