JavaScript中的数据类型

张友士
• 阅读 924

JavaScript 常用数据类型

JavaScript 中常用的数据类型主要有下面几种:

  • String(字符串)
  • Number(数字)
  • Boolean(Boolean)
  • Array(数组)
  • Object(对象)

JavaScript 语言中变量的值可以是任意类型,因为 JavaScript 是弱类型语言,所以在使用关键字 var 声明变量时,我们可以不用为变量指定数据类型,直接为其赋不同类型的值即可。因为 JavaScript 中不需要关注变量的类型,所以代码会更加简洁,但是也需要更加注意,避免因为变量类型导致错误。

String 类型

字符串是用于存储字符的变量,一般是使用单引号''或双引号" "来声明字符串。

示例:

像下面这样,你可以在引号中放入英文、中文、符号、空格等等都行:

var name = 'xkd';

var school = "侠课岛"

我们可以在引号内写入任何内容,但是有一点需要特别注意,单引号中不能写入单引号,双引号中不能写入双引号。

例如下面这样写是错误的:

var name = 'My name is 'xkd'';   // 错误写法

var name = "你好, "侠课岛"欢迎你";  // 错误写法

如果某些内容中必须需要使用到引号,可以在单引号中使用双引号,双引号中使用单引号,类似下面这样:

var name = 'My name is "xkd" ';   // 正确写法

var name = "你好, '侠课岛'欢迎你";  // 正确写法

Number 类型

如果你学过其他语言,你就会知道有的语言数字类型会分为整型、长整型、浮点型、单精度、双精度等,看起来很复杂的样子。

而在 JavaScript 语言中,就只有一种数字类型number,数字可以带小数点,也可以不带,或者可以使用科学(指数)计数法。

示例:

声明三个不同值的数字类型的变量:

var num1 = 10;     // 不使用小数点
 
var num2 =  6.87;  // 使用小数点

var num3 = 157e2;  // 科学技术法,表示15700

Boolean 类型

JavaScript 语言中,Boolean 布尔类型只能有两个值,分别是 true 和 false,true 表示真,false 表示假,这个大家应该都知道吧。布尔类型一般用于条件测试中,如果给出的条件不符合,结果就是错的。

示例:

声明两个布尔类型的变量ab,判断变量 a 是否等于 b

var a = true;
var b = false;

if (a == b){
    console.log("a等于b");
}else{
    console.log("a不等于b");
}
// 输出:a不等于b

Array 类型

Array 是数组类型,数组就是使用中括号 [] 来声明的数据,例如下面这个变量 my_arr, 就是一个数组类型的变量:

var my_arr = [1, 2, 3];

每个数组中都可以有任意数量的元素,每个元素之间使用英文逗号,分隔(注意是英文逗号哟,在写代码时,不管是逗号、分号、引号,全部都是英文的)。数组中的值可以是任意类型的数据,例如数字类型、字符串类型等都可以。

示例:

声明几个不同的数组类型变量:

var my_arr1 = [];
var my_arr2 = [1, 2, 3];
var my_arr3 = ['a', 'b', 'c'];
var my_arr4 = [1, 'a'];

console.log(my_arr1);
console.log(my_arr2);
console.log(my_arr3);
console.log(my_arr4);

输出:

[]
[ 1, 2, 3 ]
[ 'a', 'b', 'c' ]
[ 1, 'a' ]

我们要数组的下标(索引)是从 0 开始的,例如数组中第一个元素的索引是0、第二个是1、第三个是2,依次类推。通过这个规律,我们可以知道上面代码中,变量 my_arr2 的元素1、2、3下标分别对应0、1、2,变量my_arr3 的元素a、b、c 下标分别对应0、1、2。在不熟悉的情况下,你可能很容易出错,所以要特别注意哟。

示例:

我们来看下面这个数组:

var fruits = ['梨子', '草莓', '樱桃', '西瓜', '菠萝', '苹果'];

你能说出西瓜和苹果的索引分别为几吗?

Object 对象

JavaScript 语言中,声明对象类型时可以使用花括号 {},而声明列表是使用中括号 []哟,别搞错啦。

在花括号{}中,对象的属性以名称和值对(name: value)的形式来定义,属性之间使用逗号分隔。

例如下面是一个定义好的对象 info

var info = {name:"xkd", age:20};

在这个对象 info 中,nameage 是属性名称, ”xkd“ 和 20 是属性的值。

我们可以通过 对象名.属性名 的方式来获取属性的值:

var info = {name:"xkd", age:20};

console.log(info);
console.log(info.name);  
console.log(info.age);   

输出:

{ name: 'xkd', age: 20 }
xkd
20

Undefined 和 Null 的区别

Undefinednull 都表示空,看起来它们似乎相同,其实两者之间还是存在一些区别的。

null 是一个字面量,表示确缺少的标识,指示变量未指向任何对象。把 null 作为尚未创建的对象,也许更好理解。在 API 中 null 在返回类型中应是一个对象,但是没有关联的值的地方使用。

undefined 表示"缺少值",即此处应该有一个值,但是还没定义。典型的用法是变量被声明了,但没有给变量赋值,就等于undefined。

示例:
var a;
console.log(a);  // undefined

var b = null;
console.log(b);  // null

在一个函数中,如果应该提供的参数没有提供,该参数等于undefined。

function func(x){
    console.log(x)
}
func() // undefined

函数没有返回值时,默认返回undefined。

function func(){}

var a = func(); 
console.log(a);  // undefined
点赞
收藏
评论区
推荐文章
Karen110 Karen110
3年前
一篇文章带你了解JavaScript日期
日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用
美凌格栋栋酱 美凌格栋栋酱
6个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
晴空闲云 晴空闲云
3年前
javascript实践教程-05-数据类型
本节目标1.掌握js中7种数据类型。2.掌握5种基本数据类型number、string、boolean、null、undefined的声明。3.掌握js中数组的声明和数组相关的方法。4.掌握js中对象的声明和属性、方法的使用。内容摘要本篇介绍了js中的7种数据类型,其中5种基本数据类型:number、string、boolean、null、unde
九旬 九旬
2年前
函数参数传递
函数参数传递在JavaScript中函数传参,分为两种:基础类型(Number、String、Boolean..)引用类型(Object、Array、Funcion..)基础类型传参看下面的例子:js
明月 明月
2年前
JS数据类型的几种判断方法
1.typeof(常用)typeof是一个运算符,返回值是一个字符串,用来说明变量的数据类型,可以用来判断number,string,object,boolean,function,undefined,symbol这七种类型.2.instanceof(知道即可)instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上,返回值为布尔值,用于指示一个变量是否属于某个对象的实例3.Object.prototype.to
Jacquelyn38 Jacquelyn38
4年前
面试官:JavaScript的数据类型你了解多少?
前言作为JavaScript的入门知识点,Js数据类型在整个JavaScript的学习过程中其实尤为重要。最常见的是边界数据类型条件判断问题。我们将通过这几个方面来了解数据类型:概念检测方法转换方法概念undefined、Null、Boolean、String、Number、Symbol、BigInt为基础类型;Ob
LinMeng LinMeng
4年前
js之传值与传址/undefined和null/严格模式
传值与传址基本数据类型有五种Undefined、Null、Boolean、Number和String引用数据类型有两种object,array,fn两种数据类型的区别:1.存储位置不同原始数据类型直接存储在栈(stack)中简单数据段,占据空间小,大小固定,属于被频繁使用的数据,所以存储在栈中;引用数据类型直接存
劳伦斯 劳伦斯
4年前
前端面试题自检 JS CSS 部分
JS类型JavaScript的简单数据类型Number,String,Boolean,Undefined,Null,Symboltypeof操作符的返回值numberstringbooleanundefinedobjectfunction
Wesley13 Wesley13
3年前
JavaSrcipt的数字(number):深入理解内部机制
一、数字的语法JavaScript中的数字字面量一般用十进制表示。在JavaScript中表示数字的数据类型只有一种Number,这种天使与魔鬼同体的数据类型也就只有js了。//同时表达整数和浮点数vara78,b78.3;console.log(typeofa);//number
Stella981 Stella981
3年前
JavaScript的 基本数据类型
第一:Javascript对象是第二:Javascript中第三:Javascript的对象是数据;第四:JavaScript中的对象可以简单理解成"名称:值"对(name:value)。名称(name):"名称"部分是一个JavaScript字符串参考https://www
Stella981 Stella981
3年前
Javascript数组系列一之栈与队列
所谓数组(英语:Array),是有序的元素序列。若将有限个类型相同的变量的集合命名,那么这个名称为数组名。组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量。---百度百科简单理解,数组就是数据的有序列表。Array在Javascript中属于最常用的数据类型之一了,与其它语言一样Javascript中的数