JS------数据类型

最新推荐文章于 2022-04-14 13:39:11 发布
最新推荐文章于 2022-04-14 13:39:11 发布
阅读量68 收藏
点赞数
分类专栏： web学习知识点 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxq144/article/details/111245949
版权

1.数据类型

根据数据特性、以及存储空间位置、存储容量进行划分

2.1 数据类型的分类

js数据类型分为6大类

  • 五大基本数据类型
    • number ： 数值
    • string：字符串 “” ‘’
    • boolean：布尔 true false
    • undefined：未定义
    • null：空
  • 复合类型(复杂类型、引用类型)
    • object ： 对象
    • array：数组
  • function：函数

2.2 基本数据类型

  • number：小数、整数、 负数、二进制、八进制、十六进制、NaN、infinity
//1.1整数
var n1 = 10;
//1.2小数
var n2 = 3.14;
var t1 = typeof(n1);
console.log(t1); //number

var t2 = typeof n2;
console.log(t2); //number

//1.3八进制，以0开头，并且没有超过8的值，表示8进制，
var n3 = 045;
console.log(typeof n3,n3); //number 37

//1.4 十六进制  0x开头
var n4 = 0x22;
console.log(typeof n4,n4);//number 34

//1.5 NaN : not a number
var n5 = "睡觉"*6;  //NaN，js中所有的数据运动都不会报错，如果不能正常运算结果为NaN
console.log(typeof n5,n5); //number NaN

//1.6 Infinity
var n6 = 5/0;
console.log(typeof n6,n6);  //number Infinity

//1.7 小数在计算的时候稍微有点小偏差(精度缺失)，不要用小数作为判断条件
console.log(0.1+0.2) //0.30000000000000004
console.log(0.1+0.2 == 0.3); //false

  • string

    引号引起来，单引号和双引号都可以

    //2.字符串  引号引起来的就是字符串 所有从页面获取的内容都是字符串
var s1 = "web1116";
var s2 = 'web1109';
console.log(typeof s1,typeof s2); //string string
//获取字符串的个数
var len = s1.length;  
console.log(len); //7

//字符串.charAt(下标) ：获取对应下标字符,所有的下标从0开始
console.log(s1.charAt(0));//w
console.log(s1[0]); //w ie7-不兼容

  • boolean

    //3.Boolean布尔： true false,要么是判断结果，要么是判断条件
var b1 = true;
var b2 = false;
console.log(typeof b1); //boolean
console.log(10>20); //false 判断结果

  • undefined与null

    //undefined：未定义 声明变量但是没有赋值，结果就是undefined
var a;
console.log(typeof a,a); //undefined

//null:空对象，获取一个不存在对象返回的值
var oHa =  document.getElementById("哈哈哈");
console.log(typeof oHa,oHa); //object null

    undefined和null的区别？(笔试)

    • undefined：空变量，未定义，声明了变量但是没有定义
    • null：空对象，返回一个不存在对象返回的值

2.3 复杂类型(复合、引用、对象类型)

  • object：对象类型

    var oDiv = document.getElementById("box");
//1.object：对象
console.log(typeof window); //object
console.log(typeof document);//object
console.log(typeof oDiv);//object  所有的标签都是对象

//自己创建对象  键值对组成   key:value
var obj = {
    "sex":"异性",
    "height":"2米以上",
    "weight":"188",
    "city":"北京户口",
    "parent":"是局长"
}
console.log(obj);
console.log(obj.city); //北京户口
console.log(obj["city"]);//北京户口

  • array：数组

    //2.array：存储数据的容器，可以存储任意数据类型，可以存储任意多个
var arr = [1,"a",true,null,undefined,{},[1,2,3]];
console.log(arr);
console.log(typeof arr); //object
console.log(arr.length); //7个,获取数组的长度
console.log(arr[2]); //下标从0开始  true

  • function：函数

    //3.function : 函数
//函数：存储一段代码块，需要的时候调用
//声明函数：function 函数名(){ 存储的代码块 }
//调用函数：函数名()
function homeWork(){
    console.log("开始做作业");
    console.log("正在做作业");
    console.log("作业已完成");
}
//在需要的时候调用，可以重复使用
homeWork();
homeWork();
homeWork();
homeWork();
homeWork();

2.4 typeof的返回值

  • typeof number ----- >number

  • typeof string ----- > string

  • typeof boolean ----- >boolean

  • typeof undefined ------> undefined

  • typeof null ------> object

  • typeof Object -------> object

  • typeof array ------> object

  • typeof function -----> function

  • 数据类型的分类的依据：

    • 存储数据的特点:
      • 基本数据类型存储数据结构单一
      • 复合数据类型存储数据结构复杂
    • 存储位置不同
    • 基本数据类型存储在栈，变量名中直接存储数值
    • 复合数据类型存储在堆区，变量名中存储的是内存地址

    ​

2.5 数据类型的转换

2.5.1 数据类型的强制转换

  • 转换为number

    • Number(转换的内容)：返回转换好的内容

    • parseInt():默认从左往右开始转换，遇到不能转换的，或者是到末尾就会停止,取整

    • parseFloat:默认从左往右开始转换，遇到不能转换的，或者是到末尾就会停止,保留小数

      var b1 = true;
//Number(需要转换的内容)：返回转换好的值
var s1 = Number(b1);
console.log(s1); //true-----1
var s2 = Number(false);
console.log(s2); //false ----- 0

//字符串只能转纯数字，空字符
console.log(Number("123")); //123
console.log(Number("")); //0
    console.log(Number("9.9元")); //NaNx
console.log(Number("￥9.9")); //NaN

console.log(Number(undefined));//NaN
console.log(Number(null)); //0

//parseInt:默认从左往右开始转换，遇到不能转换的，或者是到末尾就会停止,取整
console.log(parseInt("9.9")); //9
console.log(parseInt("9.9px")); //9
console.log(parseInt("a9.9px")); //NaN

//parseFloat:默认从左往右开始转换，遇到不能转换的，或者是到末尾就会停止，保留小数
console.log(parseFloat("9.9"));//9.9
console.log(parseFloat("9.9px"));//9.9
console.log(parseFloat("a9.9px"));//NaN

    • 保留小数

      //变量.toFixed(num)： 保留n为小数,四舍五入
var a = 0.1;
var b = 0.2;
var c = a+b; //0.3000000000000000004
console.log(c.toFixed(2));

  • 转为string

    • String(需要转换的值)

    • 需要转换的值.toString（）

      /String(需要转换的内容)：返回转换好的内容
var s = 431102200212153363;
var n = 10;
var b = true;
var u = undefined;
var nu = null;
var arr = [1,2,3];
var obj = {"name":"fd"};
console.log(String(n),n); //"10"
console.log(String(b),b);//"true"
console.log(String(u));//"undefined"
console.log(String(nu));//"null"
console.log(String(arr)); //"1,2,3"
console.log(String(obj)); //[object Object]


//需要转换的内容.toString(n) : 转换为对应进制的字符串  2-36
console.log(n.toString()); //10
console.log(n.toString(8)); //12
//console.log(u.toString());   nudefined和null没有toString方法
//console.log(nu.toString());

  • 转Boolean(了解–真假问题)

    //Boolean()：转boolean
//非0为真
console.log(Boolean(1)); //true
console.log(Boolean(-2)); //true
console.log(Boolean(0)); //false

//有值则为真，“”:假
console.log(Boolean("1")); //true
  console.log(Boolean("")); //false
  console.log(Boolean(NaN));//false
   console.log(Boolean(undefined));//false
   console.log(Boolean(null));//false

//复合数据类型(对象类型)永远为真
console.log(Boolean([])); //true
console.log(Boolean({})); //true

3.运算符

  • 赋值运算符

    //1.赋值运算符 = += -= *= /=  %=
var a = 10; //将10赋值给a
console.log(a);

a += 2; //累加追加 在当前的基础上+   a = a + 2
console.log(a);

  • 算术运动符

    55//2.算术运算符 + - * / %（取余，求模） ++自加  --
console.log(10+4);//14
console.log(10-4);//6
console.log(10*4);//40
console.log(10/4);//2.5
console.log(10%4);//2
//隐式转换，运算过程中数值自己进行的转换 
//+只要遇到字符串就会变成连接符，其他运算符都会转换为number进行运算
console.log(10-"2");// “2”--2
console.log("10"*1);// “10”--10
console.log(10+20+"age"+10+18);//30age1018

var a = 10;
a++;  //11
++a;  //11
//如果是运算或者是打印的时候，++在前先自加，后运算，++在后，先运算，后自加
console.log(a);

var x = 10;
var y = x++; //y = 10  x=11
console.log(x,y);//11 10

var m = 10;
var n = ++m;//m = 11 n = 11
console.log(m,n);//11 11

  • 比较运算符

    //3.比较运算符 > < >= <= ==（相等）  !=  ===(全等)  !==
//判断的时候都会尽可能转换为number进行比较,字符串和字符串在比较的时候不会转换，一位一位比
//比较的是编码ASCII “0”--48  ”A“--65   ”a"---97
console.log(2>"1000000000");//false
console.log("2">"10000000000000"); //true

//null、undefined使用 “==” 做判断的时候，不进行隐式转换
console.log(null == null); //true
console.log(null == undefined); //true      规定的
console.log(undefined == undefined); //true


//==(会进行隐式转换)    ===(不会进行隐式转换，一模一样)
console.log(10 == "10");//true
console.log(10 === "10");//false

  • 逻辑运算符

    //4.逻辑运算符 &&与  ||或  ！非
// &&与  ||或:连接两个判断条件的
var c = 89;
//两个条件都为真，结果才为真
console.log(100>c && c>80); //true

//|| 一真为真
var a = 56;
var b = 65;
console.log(a>=60 || b>=60);

//!：取反  true false
console.log(![]); //false
console.log(!1);  //false
console.log(!"");  //true

//短路运算
//&&两真为真，如果第一个条件为假，第二个条件就不看了
//&&两真为真，如果第一个条件为真，再去看第二个条件
var m = 1 && 3;
console.log(m);//3

var n = 0 && 1;
console.log(n);//0

//一真为真，如果第一个值为真，第二个值就不看了
//一真为真，如果第一个值为假，再去看第二个条件
var x = 1 || 3;
var y = 0 || 1;
console.log(x,y);//1 1

  • 三目(三元)运算符

    //5.三目运算符
//语法：条件 ？条件成立时执行的代码 ： 条件不成立时执行的代码？
var age = 10;
age < 7 ? console.log("找对象") : console.log("结婚");
XCharazz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript的数据类型及简单运用
qq_65715980的博客
06-27 529
JS数据类型的转化相关知识的总结，附加两道简单的给出生你年份求岁数的题目。
数据类型
zhangyiyang111的博客
12-15 137
2.数据类型 根据数据特性、以及存储空间位置、存储容量进行划分 2.1 数据类型的分类 js数据类型分为6大类 五大基本数据类型 number ： 数值 string：字符串 “” ‘’ boolean：布尔 true false undefined：未定义 null：空 复合类型(复杂类型、引用类型) object ： 对象 array：数组 function：函数 2.2 基本数据类型 number：小数、整数、 负数、二进制、八进制、十六进制、NaN、infinity //1.
JavaScript知识总结 数据类型篇
林恒的博客
04-14 305
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. JavaScript有哪些数据类型，它们的区别？ JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型： Symbol 代表创建后独一无二且不可变的...
JavaScript 数据类型总结
Say_one的博客
04-14 182
theme: condensed-night-purple JavaScript 数据类型和数据结构 空投来啦！！！ 随手笔记总结，随时补充；如有误之处，请留言指出，在此先感谢各路大佬🙏 数据类型 JavaScript 语言中类型集合由原始值和对象组成。 原始值（直接表示在语言底层的不可变数据） 布尔类型 ：布尔值是一种取值仅能为 真 或 假 的数据类型，它赋予了编程语言在逻辑上表达真 或 假 的能力； Boolean：布尔值是一种取值只有 真 或 假 的数据类型，它可以在代码逻辑上表达真.
JavaScript数据类型总结
m0_61031325的博客
03-27 761
JavaScript总共有九种数据类型，这里我就简单的介绍一下常用的六种数据类型分别有String （字符串）、Number（数值）、Boolean （布尔值）、Null （空值）、Undefined（未定义）、Object（对象）。 String （字符串）：所有带单引号或者双引号的都叫做字符串。String 对象用于处理已有的字符块。字符串是存储字符（比如 "Bill Gates"）的变量，字符串可以是引号中的任意文本。我们可以在字符串中使用引号，只要不匹配包围字符串的引号即可：也就是说字符串...
mime-db:媒体类型数据库
04-02
mime-db 这是所有mime类型的数据库。 它由一个单一的公共JSON文件组成，并且不...var data = db [ 'application/javascript' ] 数据结构 JSON文件是针对小写mime类型的映射查找。 每种mime类型都具有以下属性： .sour
front-end-plugins:
04-12
数据类型 字符串 strman 字符串操作库。它为各种实用程序、格式选项和字符串转换，提供了超过 60 种实用的方法。 数字 BigDecimal.js 提高精度的数字操作 对象 Watch.js 监视对象或属性的变化 时间 Moment.j
javascript-learning-path:javascript学习路径
03-15
数据结构 大批 放 地图 日期 类型转换 明确的 隐含的 平等 == vs === 循环 :double_curly_loop: 尽管 做...一会儿 为了 中断/继续 为...在 对于...的 控制流 如果别的 转变 尝试/接球/投掷 表达式和运算符 赋值...
prop-types.zip
07-05
React限制props传入数据类型所需要的js文件。0积分下载，希望大家爱上学习，加油
教学进度表-Javascript程序设计.docx
12-16
* 变量、数据类型、关键字 * 条件语句、循环语句 * 函数、对象、BOM 基础函数对象 * 注册判定函数 * 网页条件语句、循环语句 第 4-5 周：JavaScript 开发 * JavaScript 应用环境 * 常用开发工具 * 常用调试工具 * ...
JavaScript中的数据类型总结
kim095的博客
03-03 236
1.数据类型定义 ECMAScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number、和String。还有1种复杂数据类型--Object，Object本质上是由一组无序的名值对组成的。来源(&lt;&lt;JavaScript高级程序设计(第三版)&gt;&gt;Page 23) 所以我们知道JavaS...
javascript----数据类型总结
海空的博客
10-24 260
数据类型总结: 1.分类: 基本类型: 1.Number:任意数值 2.String:任意文本 3.Boolean:true/false 4.undefined:undefined 5.null:null 对象()引用)类型: Object:任意对象 Array:特别的对象类型(有下标/内部数据有序) Function:特别的对象类型(可执行) 2.用于查看(判断)数据类型
javaScript数据类型总结
weixin_38436883的博客
07-28 192
javaScript数据类型 六种简单的数据类型：Undefined、Null、Boolean、Number、String、Symbol(ES6新增，表示独一无二的值) 一种复杂数据类型——Object 数据类型内存的存储和引用可以参考:JS中简单数据类型和复杂数据类型在内存中的存储和引用 Undefined类型 在使用var声明变量但未对其加以初始化时，这个变量的值就是und...
js的数据类型到底是怎么划分的？
艾米栗的代码天地
07-01 433
这是一个令我困扰了很久的问题，基本数据类型是哪几种，引用类型到底包括哪些？ 我把原来的笔记汇总了一下。 首先，我们要说明的就是js的数据类型有哪些。 根据ECMA的表述，js的数据类型可以分为7类： number、string、boolean（相信这三类大家都了解，他们也被成为原始类型） undefined表示未定义、null表示空。 symbol 为es6新增数据类型。 Object对象，其中js内置了Function、Array、Date等对象。这些对象继承自Object对象，这个又可以展开讲一下原型链
javascript的数据类型及使用方法
少年听雨、的博客
05-18 603
一、js注释： 单行注释：//这是单行注释写法 多行注释：/*这是多行注释写法*/ 二、数据类型以及变量： 1、变量： 变量不仅可以是数字，还可以是任意数据类型。变量名由大小写英文、数字、$和_组成，且不能是数字开头。也不可以是js的关键字。 变量声明：声明一个变量用var var a; // 申明了变量a，此时a的值为 undefined 使用 = 对变量进行赋值，可以把任意数据类型赋值给变量，同一个变量可以反复赋值，而且可以是不同数据类型的变量，但是注意只能用var声明一次。 var a = 123;
JS数据类型
m0_45039257的博客
02-25 425
JS数据类型
JS中的数据类型
weixin_47325706的博客
04-07 4592
数据类型指的是字面量的类型 在JS中一共有六种数据类型 1.typeof检查变量类型 可以使用一个运算符typeof来检查一个变量的类型 var a=123; var b="123"; document.write(typeof a);//String document.write(typeof b);//Number 2.基本数据类型 1.String 字符串 - 在JS中字符串需要引号引起来 - 使用双引号或单引号都可以 - 引号不能嵌...
JavaScript数据类型归纳
m0_61794291的博客
03-28 351
文章目录1.数据类型1.1基本数据类型(不包括ES6)1.1.1Number2.font-size3.font-size4.font-style5.字体属性复合写法6.字体属性总结 1.数据类型 在代码运行时，变量的数据类型是由 JS引擎 根据 = 右边变量值的数据类型来判断 的，运行完毕之后， 变量就确定了数据类型 JS 把数据类型分为两类: 基本数据类型(Number,String,Boolean,Undefined,Null) 复杂数据类型(Object) 1.1基本数据类型(不包括ES6
数据类型-Boolean
最新发布
05-27
Boolean是一种数据类型，它只有两个可能的值：true和false。在编程中，Boolean通常用于条件语句和逻辑运算。例如，我们可以使用Boolean来表示一个条件是否为真，或者用它来判断两个条件的关系。在许多编程语言中，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值