数据类型案例

本文介绍了JavaScript中的数据类型,包括number、string、Boolean、null、undefined和object,并详细讲解了不同类型之间的转换方法,如parseInt、parseFloat和Number函数,以及如何将其他类型转换为字符串和布尔类型。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、数据类型

 1.JavaScript里面的数据类型?

 JavaScript里面的原始数据类型,number,string,Boolean,null,undefined,object

 object(对象)

 number,string,Boolean,null,undefined

 2.数字类型 (整数和小数) number

 var num1 = 10;

 var num2 = 10.33;

 var num3;

 console.log(num1 + num2); // 20.33

 console.log(num1 + num3); // NaN -- not a number -- 不是一个数字

 3.字符串类型 string (用双引号括起来或者用单引号括起来)

 var str1 = "10";

 var str2 = "哈哈";

 var str2 = '20';

 4.字符串的拼接  (有多个字符串,用 + 可以拼接成一个字符串)

 var str3 = "你好吗?";

 var str4 = "吃了没您?";

 console.log(str3 + str4);

 5.用 + 的时候,只要有一个是字符串类型,做字符串的拼接,不是做数学运算

 var num4 = 30;

 var str5 = "70";

 console.log(num4 + str5); // 3070

6. 一个是数字,一个是字符串,做 - ,做的就是数学运算

是浏览器帮我们把字符串类型转换成了数字类型

这种转换叫做:隐式转换

var num5 = 20;

var str6 = "10";

console.log(num5 - str6); // 10

7.字符串长度的获取

var str7 = "what are you nong sha lei";

console.log(str7.length);

8.注意嵌套问题

var str8 = "<div class="box"></div>";错误的

var str8 = '<div class="box"></div>';

// 转义符 \ 反斜杠

var str8 = "<div class=\"box\"></div>";

9.Boolean 布尔类型 只有两个值(一个是true,一个是false)

var flag1 = true;

var flag1 = false;

10.null 空值 null

var nul = null;

console.log(nul);

 11.undefined 未定义

 var age;

 console.log(age);

 12.在js里面如果判断数据类型?

       

typeof 语法

  typeof 变量名字

  typeof(变量名字)

     

  var age = 10;

  var str = "哈哈";

  var flag = true;

  var nul = null;

  var num;

  console.log(typeof age);

  console.log(typeof str);

  console.log(typeof flag);

  console.log(typeof nul);

  console.log(typeof num);

console.log(typeof(age));

13.ALT+LALT+o键,点开F12键控制台,结果出来。

  • 数据类型之间的转换

注释:

/*

var age = 10;

  var str = "哈哈";

  var flag = true;

  var nul = null;

  var num;

  console.log(age);

  console.log(str);

  console.log(flag);

  console.log(nul);

  console.log(num);

   */

  1.其他类型转换称为数字类型

  1.1  parseInt() 转换成为整数

  console.log(parseInt("10")); // 10

  console.log(parseInt("10.33")); // 10

  console.log(parseInt("5asd")); //  5

  console.log(parseInt("5.33asd")); //5  

  console.log(parseInt("5asd666")); // 5

  1.2  parseFloat() 转换成为小数

  console.log(parseFloat("10")); // 10

  console.log(parseFloat("10.33")); // 10.33

  console.log(parseFloat("5asd")); // 5

  console.log(parseFloat("5.33asd")); // 5.33

  console.log(parseFloat("5asd666")); // 5

  1.3 Number() 转换成为整数

  console.log(Number("10")); // 10

  console.log(Number("10.33")); // 10.33

  console.log(Number("10asd")); // NaN

  console.log(Number("10.33asd")); // NaN

  console.log(Number("10asd666")); // NaN

  2.其他类型转换成为字符串类型

        /*

        变量名.toString();

        String(变量名)

        */

        var num = 10;

           var str = num.toString();

        console.log(str);

        console.log(typeof str);

var flag = true;

        console.log(flag.toString());

        var num2 = 20;

        console.log(String(num2));

     3.其他类型转换成为布尔类型

        // Boolean(变量名)

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

        console.log(Boolean(0)); // false

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

        console.log(Boolean("哈哈")); //true

        console.log(Boolean("")); //false

        console.log(Boolean(undefined)); //false

        console.log(Boolean(null)); //false

4.ALT+LALT+o键,点开F12键控制台,结果出来。

  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值