JavaScript核心语法——数据类型

wfc_666 发布于2019-08-23 10:46 / 3222人阅读

摘要：原始类型分别有类型类型和类型三种。类型中存在一个特殊的值叫。也可以把其他类型的数据自动转换为类型运算符运算符判断原始类型语法结构变量名称。

数据类型

1.数据类型的概述；
在JavaScript代码中，能够表示并且操作值的类型就叫做数据类型
数据类型可以分成可变类型和不可变类型，可变类型的值是可以修改的。相反不可变类型的值是不可以修改的。
数据类型还有原始类型（原始值）与引用类型（内置对象）
而原始乐行还分为原始类型和特殊类型，引用类型分为包装类型与引用类型
原始类型是直接代表JavaScript语言实现的最底层的数据。
原始类型分别有boolean类型、number类型和string类型三种。

2.number类型；整数和浮点数，JavaScript不区分整数和浮点数
number类型中的小数，在计算时可能出现误差
1.并不是所有的小数计算都会出现误差
2.小数计算时要注意结果是否出现误差
3.通过数字之的换算，将其转换成整数进行计算，再把结果换算成小数。
number类型中存在一个特殊的值叫NaN。
NaN表示当前的值不是一个数字值、但依旧是number类型，
它与任何值包括自身都不相等

3.string类型 - JavaScript的字符串就是由单引号或双引号包裹
在JavaScript中单引号和双引号是没有区别的——建议使用单引号

string类型 - 文本本身需要单引号或双引号时
1.如果需要的是双引号，字符串只能使用单引号
2.如果需要的是单引号，字符串只能使用双赢好

var str3 = ""wolongxueyuan"wuwenjia";
console.log(str3);

var str4 = ""wolongxueyuan"wuwenjia";
console.log(str4);

4.boolean类型
这个属性有两个值；true和false
由于JavaScript是区分大小写的，boolean类型的teue和false全部是小写。
JavaScript也可以把其他类型的数据自动转换为boolean类型

5.typeof运算符

var num = 100;
var boo = true;
var str = "wuwenjia";

console.log(typeof num); // number
console.log(typeof boo); // boolean
console.log(typeof str); // string

var result = typeof num;
console.log(result); // number
console.log(typeof result); // string
typeof运算符判断原始类型
语法结构——typeof变量名称。
结果——原始类型的名称（string类型）

6.instanceof运算符

var str = new String("wuwenjia");
var num = new Number(100);
var boo = new Boolean(true);
// typeof运算符只能判断原始类型
console.log(typeof str);// object
console.log(typeof num);// object
console.log(typeof boo);// object
// instanceof运算符用于判断引用类型(包装类型)
console.log(str instanceof String);// true

typeof运算符和instanceof运算符的区别
typeof运算符

  1.用于判断原始类型
  2.语法结构不同——typeof 变量名称
  3.得到结果不同——原始类型的名称

instanceof运算符

  1.用于判断引用类型(包装类型)
  2.语法结构不同——变量名称 instanceof 引用类型名称
  3.得到结果不同——布尔类型的值(true或false)

7.隐式3类型转换
由于JavaScript是弱类型/松散型的，在任何情况下都可以强制转换

var result3 = +str;
console.log(result3);// NaN
console.log(typeof result3);// number
var result4 = +boo;
console.log(result4);// true为1，false为0
console.log(typeof result4);// number

转换为number类型

   string类型转换为number类型
     如果文本内容是普通的文本(非数字) -> 转换后的结果为 NaN
     如果文本内容是数字值 -> 转换后的结果为对应数字值
   boolean类型转换为number类型
     true转换为1
     false转换为0

var result5 = !!str;
console.log(result5);// true
console.log(typeof result5);// boolean
var result6 = !!num;
console.log(result6);// true
console.log(typeof result6);// boolean

转换为boolean类型

 string类型转换为boolean类型
   空字符串(""或"")转换后的结果为false，其余情况都为true
 number类型转换为boolean类型
  0或NaN转换后的结果为false，其余情况都为true
 undefined或null转换后的结果为false

8.显示类型转换
转换为string类型

   String()函数 -> String(值)
   toString()方法 -> 变量名.toString()
   对象的方法 -> 将变量当作是一个对象来使用

var result1 = String(num);
console.log(typeof result1);// string
var result2 = num.toString();
console.log(typeof result2);// string

转换为number类型

   Number()函数 -> Number(值)
   parseInt()函数 -> parseInt(值)
     转换为number类型，转换为一个整数
   parseFloat()函数 -> parseFloat(值)
     转换为number类型，转换为一个浮点数

var result3 = Number(boo);
console.log(typeof result3);// number

var result4 = parseInt(str1);
console.log(typeof result4);// 100
var result5 = parseFloat(str1);// 100
console.log(result5);// 100

var result6 = parseInt(str2);// 100.1
console.log(result6);// 如果当前值为小数的话，parseInt()后取整数部分 - 100
var result7 = parseFloat(str2);// 100.1
console.log(result7);// 100.1

转换为boolean类型

  Boolean()函数 -> Boolean(值)

var result8 = Boolean(str);
console.log(result8);// true

隐式类型转换与显式类型转换的区别：

 隐式类型转换
 -优点 - 性能好
- 缺点 - 可读性差
 显式类型转换
 -优点 - 可读性高
 -缺点 - 性能差

云服务器混合云 javascript数据类型 javascript核心 javascript 语法 javascript基本数据类型

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96670.html

JavaScript核心语法-变量与常量

摘要：注意在代码中，必须声明一个变量，这个变量才能被使用。只声明为初始化值，变量的值自动取值为。常量与变量相似，同样用于存储信息。只是常量的数据一旦被定义，便不能修改。常量名通常全大写新增了声明常量的关键字。如果省略，会认为这是一个变量。 JavaScript变量变量是什么定义：变量是存储数据信息的容器。注意：.1 在JavaScript代码中，必须声明一个变量，这个变量才能被使用。.2...

lieeps 2019-08-23 10:45 评论0 收藏0
【JavaScript】核心语法之数据类型

摘要：数据类型原始类型类型实为数字不区分整数和浮点类型整数类型包括负整数，和正整数浮点类型表示小数类型整数和浮点数小数或并不区分整数与浮点数变量的定义并初始化字面量或直接量定义数字值浮点类型是只该数值包含整数部分，小数部分，小数点和小数部分浮点类 JS(JavaScript) 数据类型； 1.原始类型； number类型；实为数字JS不区分整数和浮点类型；整数类型；包括负整数，0和正...

iflove 2019-08-23 11:32 评论0 收藏0
JavaScript 之核心语法 [ 数据类型 ]

摘要：数据类型数据类型表示数值的类型类型的分类原始类型类型数字类型类型分为整数和浮点数整数正整数负整数变量为数字类型整数显示浮点数小数变量为数字类型浮点数显示浮点数在小数点前面如果没有数字，会被默认为在小数点前的数字为比如会显示浮点数的数据类型数据类型 - 表示数值的类型类型的分类原始类型 number类型（数字类型） number类型分为整数和浮点数整数 - 正整数、0 、负...

luffyZh 2019-08-23 10:46 评论0 收藏0
【JavaScript】核心语法与变量与常量

JS(JavaScript) 一。基础语法； 1.语法；区分大小写；他的标识符必须以大小写区分使用实为形式，不同的大小写代表不一样的意思 var aixinjueluo = 爱新觉罗; console.log(aixinjueluo); var Aixinjueluo = Aixinjueluo; console.log(Aixinjueluo); var AIXINJUELUO = AIXI...

jaysun 2019-08-23 10:46 评论0 收藏0
JavaScript 之核心语法 [ 类型转换 ]

摘要：隐式数据类型转换转换成类型字符串用法空字符串变量名称啊哈哈转换成字符串数字类型和布尔类型转换会将其值用字符串的方式显示数字类型转换成字符串类型显示显示转换后的类型布尔类型转换成字符串类型显示显示转换后的类型转换成类型数字用法加号变隐式数据类型转换转换成string类型（字符串） - 用法（ - 空字符串） + 变量名称 var num = 100; var str1 = 啊哈哈; ...

muzhuyu 2019-08-23 10:49 评论0 收藏0