精华内容
下载资源
问答
  • js常见数据类型

    2018-11-15 15:17:35
    JavaScript常见数据类型有哪些?如何准确检测数据类型?常见的引用类型有哪些? js有六种数据类型,包括五种基本类型(Number,String,Boolean,Undefined,Null)和一种复杂的数据类型(Object); js有三大引用...

    JavaScript常见的数据类型有哪些?如何准确检测数据类型?常见的引用类型有哪些?

    js有六种数据类型,包括五种基本类型(Number,String,Boolean,Undefined,Null)和一种复杂的数据类型(Object);

    js有三大引用类型,Object类型,Array类型,Function类型;

    由于js中的变量是松散类型的,所以可以通过关键字typeof关键字精确检测数据类型,如下所示:

    (1)var a=345;

    console.log(typeof(a));输出number;//number类型包括了整数和浮点数两种,isNaN()检测参数是否是非数值;

    (2)var a='asd';

    console.log(typeof(a));输出string;//转型函数String(),适用于任何类型,null和undefined转换之后不变,并且没有toString()方法;

    (3)var a=true;

    console.log(typeof(a));输出boolean;

    (4)var a;

    console.log(typeof(a));输出undefined;//使用了var声明了变量a,但是没有给他赋值,所以会输出undefined;

    (5)var a=null;

    console.log(typeof(a));输出object;//null类型被当做一个空对象引用;

    (6)var a={};

    console.log(typeof(a));输object;

    (7)var a=[];

    console.log(typeof(a));输object;

    (8)var a=console.log();

    console.log(typeof(a));输出function;

     

    展开全文
  • 1、JavaScript数据类型在Vue.js中的遍历输出。以便于在html页面上方便的显示数据的类型。 2、简单的遍历输出代码  2.1 JavaScript的代码 window.onload = function() { vm = new Vue({ el: '#app', ...

    1、JavaScript数据类型在Vue.js中的遍历输出。以便于在html页面上方便的显示数据的类型。

    2、简单的遍历输出代码

          2.1 JavaScript的代码

    <script type="text/javascript">
    			window.onload = function() {
    				vm = new Vue({
    					el: '#app',
    					data: {
    						iMsg: 10,
    						sMsg: 'Hello World',
    						bMsg: true,
    						arrMsg: ['apple', 'orage', 'pear'],
    						jsonMsg: {
    							a: 'apple',
    							b: 'orage',
    							c: 'pear'
    						}
    					}
    
    				});
    			}
    		</script>

          2.2 html的页面代码

    <div id="app" class="container">
    			<br />
    			整数类型的输出:  {{iMsg}}  <br />
    			字符串类型的输出: {{sMsg}} <br />
    			布尔类型的输出:   {{bMsg}} <br />
    			数组类型的输出:  {{arrMsg}}  <br />
    			json类型的输出:   {{jsonMsg}} <br />
    			
         </div>

          2.3 数据的遍历输出

         

    3、使用v-for指令,遍历数组和JSON数据($index,$key)

         3.1 JavaScript代码

    <script type="text/javascript" src="../js/vue-1.0.21.js"></script>
    
    		<script type="text/javascript">
    			window.onload = function() {
    				vm = new Vue({
    					el: '#app',
    					data: {
    						arrMsg: ['apple', 'orage', 'pear'],
    						jsonMsg: {
    							a: 'apple',
    							b: 'orage',
    							c: 'pear'
    						}
    					}
    
    				});
    			}
    		</script>

         3.2 Html页面代码

    <div id="app" class="container">
    			<hr /> 使用 v-for指令来输出数组和json类型的数据<br />
    			<hr /> 数组的输出
    			<ul>
    				<li v-for=" value in arrMsg">
    					数组的数据 :{{value}} , 内置变量数组下标:{{$index}}
    				</li>
    			</ul>
    			<hr /> json数据的输出----获取key和value方式一
    			<li v-for=" (key,value) in jsonMsg">
    				json的key的内容 :{{key}} , json的value的内容:{{value}} , 下标index的内容:{{$index}}
    			</li>
    			<hr /> json数据的输出----获取key和value方式二(内置变量$key)
    			<li v-for=" value in jsonMsg">
    				json的key的内容 :{{$key}} , json的value的内容:{{value}} , 下标index的内容:{{$index}}
    			</li>
    			<hr />
    		</div>

         3.3 结果

         

    4、完整的代码

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<link rel="stylesheet" href="../css/bootstrap.min.css" />
    		<script type="text/javascript" src="../js/vue-1.0.21.js"></script>
    
    		<script type="text/javascript">
    			window.onload = function() {
    				vm = new Vue({
    					el: '#app',
    					data: {
    						arrMsg: ['apple', 'orage', 'pear'],
    						jsonMsg: {
    							a: 'apple',
    							b: 'orage',
    							c: 'pear'
    						}
    					}
    
    				});
    			}
    		</script>
    	</head>
    
    	<body>
    		<div id="app" class="container">
    			<hr /> 使用 v-for指令来输出数组和json类型的数据<br />
    			<hr /> 数组的输出
    			<ul>
    				<li v-for=" value in arrMsg">
    					数组的数据 :{{value}} , 内置变量数组下标:{{$index}}
    				</li>
    			</ul>
    			<hr /> json数据的输出----获取key和value方式一
    			<li v-for=" (key,value) in jsonMsg">
    				json的key的内容 :{{key}} , json的value的内容:{{value}} , 下标index的内容:{{$index}}
    			</li>
    			<hr /> json数据的输出----获取key和value方式二(内置变量$key)
    			<li v-for=" value in jsonMsg">
    				json的key的内容 :{{$key}} , json的value的内容:{{value}} , 下标index的内容:{{$index}}
    			</li>
    			<hr />
    		</div>
    
    	</body>
    
    </html>

    展开全文
  • 根据数据类型的复杂方式划分数据分类 在javascipt中数据的复杂方式一般分为:基本类型,特殊类型以及复杂类型, 1.基本数据类型:包括 number:数字类型;string:字符串类型;boolean:布尔类型。 2.复杂数据类型:...

    一.根据数据类型的复杂方式划分数据分类

    在javascipt中数据的复杂方式一般分为:基本类型,特殊类型以及复杂类型,

    1.基本数据类型:包括 number:数字类型;string:字符串类型;boolean:布尔类型。
    2.复杂数据类型:包括 array:数组类型;object:对象数据类型。
    3.特殊数据类型:包括 null(空对象数据);underfined:未定义的任何数据类型

    注意:未定义的值和定义未赋值的数据均表示为undefined,null是一种特殊的object对象,NaN是一种特殊的num,常用来判断数据返回是否为数字
    在这里插入图片描述

    二.如何判断当前数据类型呢?

    可以直接通过:“typeof 具体数据” 进行判断是什么类型的数据。

    三. 详解具体数据类型知识

    1.number数据类型:
    number数据类型简单来说就是数字类型数据,包括整数型、浮点型以及特殊的NaN,NaN表示来判断返回的数据类型是否为数字,从而避免错误跳出执行。
    注:NaN英文缩写为not a number,它的使用也是顾名思义,返回非数字类型。
    2.string数据类型:
    string数据类型即为字符串数据类型,在使用字符串类型中,常需要用单引号或双引号进行包裹。同时可以通过String()强制将任何数据类型转化为字符串类型。
    3.boolean布尔值数据类型:
    布尔值数据类型用来判断数据的真假,返回的结果只有true和false两种,也可以通过1和0进行表示。同时所有的javascipt数据类型都可以转换为布尔值类型,具体方式如下图。
    在这里插入图片描述
    4.array数组类型数据
    array也就是数组类型的数据,通常由中括号进行包括,通过逗号进行不同数据间的区分,当然也可以进行数组的嵌套,构成多维数组。
    5.object对象数据类型
    如果说数组数据类型是并列的多组数据的话,那么对象数据类型就是多个数据组成的一个完成的对象数据,比如来形容网站这个对象的话,就包含了网站的价格,网站的时间,网站的质量等细节描述情况。
    6.null空数据对象:即数据为空的对象,一定注意仅仅针对object对象而言。
    7.undefined代表未定义或未赋值的所有数据类型。

    展开全文
  • JS数据类型之基本数据类型

    万次阅读 多人点赞 2019-06-28 16:46:43
    1.JavaScript(以下简称js)的数据类型分为两种:原始类型(即基本数据类型)和对象类型(即引用数据类型); 2.js常用的基本数据类型包括undefined、null、number、boolean、string; 3.js的引用数据类型也就是...

    一、数据类型简介:

    1.JavaScript(以下简称js)的数据类型分为两种:原始类型(即基本数据类型)和对象类型(即引用数据类型);

    2.js常用的基本数据类型包括undefined、null、number、boolean、string;

    3.js的引用数据类型也就是对象类型Object,比如:Object、array、function、data等;

    二、基本数据类型特点:

    1.基本数据类型是按值访问的,就是说我们可以操作保存在变量中的实际的值;

    2.基本数据类型的值是不可变的,任何方法都无法改变一个基本数据类型的值,比如一个字符串:

      let name = 'zhangsan'
      name.substr()
      console.log(name) // 输出:zhangsan
      let age = 'firstblood'
      age.toUpperCase()
      console.log(age) // 输出:firstblood

    通过上面的例子,我们可以发现原来定义的变量name的值始终没有发生改变,而调用substr()和toUpperCase()方法后返回的是一个新的字符串,跟原来定义的变量name并没有什么关系。

    再看下面的代码:

      let name = 'zhangsan'
      name = 'lisi'
      console.log(name) // 输出:lisi

    上面的例子看来name的值好像“改变了”,这里的基础数据类型是string,也就是“zhagnsan”,这里的“zhangsan”是不可以改变的,name只是指向“zhagnsan”的一个指针,指针的指向不可以改变,所以下面的name = 'lisi',将name指向了“lisi”,这里的“lisi”也是不可以改变的。也就是说这里的改变只是“指针指向的改变”。

    3.基本数据类型不可以添加属性和方法:

      let user = 'zhangsan'
      user.age = 18
      user.method = function () {
        console.log('12345')
      }
      console.log(user.age) // 输出:undefined
      console.log(user.method) // 输出:undefined

    上面的代码可以看出,基本数据类型是不能添加属性和方法的,再次说明基本数据类型是不可变的。

    4.基本数据类型的赋值是简单的赋值(如果从一个变量向另一个变量赋值基本类型的值,会在变量对象上创建一个新值,然后把该值赋值到位新变量分配的位置上):

      let a = 18
      let b = a
      a++
      console.log(a) // 输出:19
      console.log(b) // 输出:18

    上面的代码,a中保存的值是18,当使用a的值来初始化b时,b中也保存了值18,但是b中的18和a中的18完全是独立的,b中的值只是a中值的一个副本,所以这两个变量可以参与任何操作而不会相互影响。

    5.基本数据类型的比较是值的比较:

      var a = '{}'
      var b = '{}'
      console.log(a === b) // 输出:true

    6.基本类型的值在内存中占据固定大小的空间,被保存在栈内存中。(从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本);

    假如有以下几个基本类型的变量:

      let name = 'zhangsan'
      let age = 18
      let weight = '60kg'

    他的存储结构如下图(栈区包括了变量的标识符和变量的值):

    三、基本数据类型详解:

    1.number类型

    ①number类型包含整数和浮点数(浮点数数值必须包含一个小数点,且小数点后至少有一位数字)。

    浮点数会自动转换为整数,如下:

      let num = 1.00
      console.log(num) // 输出:1,自动转换为了整数

    ②浮点数的最高精度是17位,看下面的例子:

      let a = 0.1
      let b = 0.2
      console.log(a + b) // 输出:0.30000000000000004

    上面的例子,结果竟然不是0.3,至于其他变成语言,也会遇到这种情况(关于浮点数计算会产生误差问题,其他有些变成语言也会出现类似情况。)

    ③NaN:非数字类型,特点:涉及到任何关于NaN的操作,都会返回NaN,而且NaN不等于自身。如下:

      let name = 'lisi'
      console.log(name / 10) // 输出:NaN
      console.log(NaN === NaN) // 输出:false

    ④isNaN()函数用于判断是否是一个非数字类型,如果传入的参数是一个非数字类型,那么返回true,否则返回false;

    ⑤isNaN()函数传入一个参数,函数会先将参数转换为数值,如果参数类型为对象类型,会先调用对象的valueOf()方法,再确定该方法返回的值是否可以转换为数值类型,如果不能,再调用对象的toString()方法,再确定返回值;

    ⑦数值转化:

    Number(),转型函数,可以用于任何数据类型

    parseInt(),将值转换为整型,用的较多

    parseFloat(),将值转换为浮点型

    2.string类型

    ①字符串类型中的单双引号作用一样;

    ②字符串有length属性,可以取得字符串的长度:

      let str = 'Hello world'
      console.log(str.length) // 输出:11

    ③字符串的值是不可变的,要改变一个字符串的值,首先要销毁原来的字符串,再用另一个包含新值得字符串区填充该字符串;

    ④字符串转换:

    String(),转型函数,适用于任何数据类型(null,undefined转换后为null和undefined)

    toString()方法可以把一个逻辑值转换为字符串,并返回结果(null、undefined没有toString()方法)

      let ab = 'zhangsan'
      let bc = null
      let cd = undefined
      console.log(ab.toString())  // 输出:zhangsan
      // console.log(bc.toString())  // error 报错
      // console.log(cd.toString())  // error 报错
      console.log(String(ab))  // 输出:zhangsan
      console.log(String(bc))  // 输出:null
      console.log(String(cd))  // 输出:undefined

    3.boolean类型

    ①这个类型只有两个值,true和false;

    ②Boolean(),转型函数,将某个值转换为Boolean类型

    4.null类型

    ①null类型被看做空对象指针,只有一个值,即null值,所以在用typeof操作符去检测null类型的值得时候,结果是object类型;

    ②如果你定义了一个变量,但是想在以后把这个对象当做一个对象来使用,最好将该对象初始化为null值

    5.undefined类型

    ①只有一个值,即undefined,如果声明了一个变量,但是未给变量初始化值,那么这个变量的值就是undefined:

      let name = 'zhangsan'
      let age
      console.log(name) // 输出:zhangsan
      console.log(age) // undefined,因为声明了age,但是没有给初始化值

    ②调用函数时,应该提供的参数没有提供,该参数等于undefined;

    ③对象没有赋值的属性,该属性的值为undefined;

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

     

     

     

    参考文章:

    https://mp.weixin.qq.com/s/YMpKnUUKPPIG6FD6CGzfTg  

    http://www.jb51.net/article/101341.htm

    展开全文
  • javascript常见数据类型和运算符原始值和引用值原始值引用值运算符比较运算符逻辑运算符 原始值和引用值 原始值 js中的原始值有6种:undefinded,number,string,boolean,null,symbol他们以栈的形式存储。(Symbol...
  • 1.原始数据类型包括:Number.String. Boolean. Null. Undefine. 2.引用数据类型包括:对象. 数组. 函数 3.存储位置不同:原始数据类型存储在栈中,占据空间小,大小固定,属于频繁使用数据。引用数据类型存储在堆中...
  • 这个很基础的问题,被问到的人可能会想干嘛拿这么简单的弱智问题问我,这怎么会问倒我,不就是那几种么,但是深入下去我们经常会犯一些错误,下面会详细介绍js数据类型常见的特殊情况,还有如何判断数据类型数据...
  • 让我们一起来看下js常见数据类型和背后的隐式转换逻辑。 ES5中有5种简单的数据类型(也叫基本数据类型):number,string,boolean,null,undefined(null和undefined是两种特殊的基本数据类型,下面会讲到);还有一种...
  • 惊呼!JavaScript基本数据类型和引用数据类型详解

    千次阅读 多人点赞 2021-06-01 09:56:55
    JavaScript中基本数据类型和引用数据类型 目标 理解基本数据类型和引用数据类型的定义 理解堆和栈 数据类型分为哪些 定义 ECMAScript包括两个不同类型的值:基本数据类型和引用数据类型。  基本数据类型指的是...
  • JavaScript数据类型分为两类:原始类型和对象类型。原始类型包括数字、字符串和布尔值,其中有两个特殊的原始值null和undefined,但它们不是数字、字符串和布尔值。除了原始类型之外,剩下的便是对象,对象是属性...
  • js数据类型

    2018-01-24 10:35:51
     javaScript数据类型主要分类两大类:  (1)原始数据类型(简单类型):number,string, undefined, null, boolearn  (2)引用数据类型(复杂类型): object,array, function 二,区别  (1)原始类型变量...
  • JavaScript数据类型

    2018-12-30 14:03:45
    一、JavaScript数据类型 字符串、数字、布尔、数组、对象、Null、Undefined; 1.基本数据类型6 种原始类型: Boolean Null Undefined Number String Symbol (ECMAScript 6 新定义) 2.引用数据类型  Object,...
  • JS中的数据类型 (一)、基本数据类型(值类型) 1.number:数字 -12、12.5、-12.5 0这些数字都是number; js中增加了一个number类型的数据:‘NaN’ typeof NaN -&amp;gt;“number” ①&quot;NaN&...
  • 除了基本数据类型之外,还有引用数据类型object,也有人称之为复杂数据类型,包含了我们常见的Array、Object、Function等。 所以现在js中的数据类型共有七种。 PS: Symbol数据类型通过Symbol函数生成。也就是说,...
  • JavaScript 方法一 typeof var str = 'aaaa'; var num = 123; var fun = function () {}; var arr = []; var ice= new Food(); var time = new Date(); // 方法一 typeof console.log("方法一 typeof") ...
  • 主要介绍了javascript中的数据类型检测方法,结合实例形式分析了javascript数据类型并总结分析了常见数据类型检测操作技巧,需要的朋友可以参考下
  • js数据类型有哪些 JavaScript一共有8种数据类型: 7种基本数据类型: Undefined、Null、Boolean、Number、String、Symbol(es6新增,表示独一无二的值) 和 BigInt(es10新增); 1种引用数据类型 Object(Object...
  • 1:数据类型一般分为六种:number,string,boolean,undefined,null,object number,数值数据类型,例如10或者1或者5.5 string,字符串数据类型,例如”helloworld” boolean,布尔类型true|falseundefined,...
  • javascript数据类型

    2017-02-04 22:06:49
     常见数据类型有:字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。 2、动态数据类型  javascript所拥有的数据类型是动态的,这意味着相同的...
  • js数据类型操作

    千次阅读 2013-06-18 17:55:57
    JavaScript数据类型 数据类型  JavaScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。...
  • 判断js中的数据类型有一下几种方法:typeof、instanceof、 constructor、 prototype、 $.type()/jquery.type(),接下来主要比较一下这几种方法的异同。 先举几个例子: var a = "iamstring."; var b = 222; var c= ...
  • delphi XE使用JavaScript数据类型数据类型转换 一、数据类型: string boolean number object function symbol(符号(ES6新增)) 二、对象类型: Object Date Array RegExp 正则 Function 三、不包含...
  • 常见抽象数据类型

    千次阅读 2019-03-27 15:48:25
    一、栈 结构:栈顶、栈底 特点:后进先出。从栈顶压入栈,从栈顶压出栈 二、队列 1、队列 结构:队头、队尾 特点:先进先出。从队尾入队列,从队头出队列 2、双端队列 结构:队头、队尾 特点:队头队尾均可入队/出队...
  • JS判断数据类型的几种方式

    千次阅读 2019-05-09 12:21:41
    JS常见的几种数据类型 基本类型:string、boolean、number 特殊类型:undefined和null 3、引用类型:Array、Date、RegExp… typeof typeof检测基本数据类型时没有问题,但是当其对引用类型进行检测时,会返回...
  • 基本类型和引用类型 ECMAScript包含两个不同类型的值:基本类型值和引用类型值。...常见的五种基本数据类型是: Undifined、Null、Boolean、Number和String。这五种基本数据类型可以直接操作保存在变量中的实际值。
  • JavaScript常见数据类型有Number、String、Boolean、Object、Array、Json、Function、Date、RegExp、Error、undefined、Null等十几种。ES6还有新增的数据类型有Symbol、Set、Map等。在实际应用中,我们经常需要...
  • js判断对象数据类型

    2018-03-16 17:11:05
    Js中有五种基本数据类型:string、number、boolean、null、undefined,一种引用类型object,那么如何判断这些数据类型呢— —1、最常见的是typeof返回类型有:string number boolean undefined function object...
  • javascript 数据类型

    2017-08-02 19:50:15
    一种是基本数据类型 引用类型: 在js的世界里,有一句话“所有的一切,都是object”,那么问题来了。object是基本数据还是引用类型的呢? 嘿嘿,卖个关子,后面再讲,先来讲讲对于引用类型的定义: 引用...
  • 判断JS数据类型的四种方法

    万次阅读 2017-08-13 23:42:43
    判断JS数据类型的四种方法 ...说到数据类型,我们先说一下JavaScript常见的几种数据类型: 基本类型:string,number,boolean 特殊类型:undefined,null 引用类型:Object,Function,Fu

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 157,542
精华内容 63,016
关键字:

js常见数据类型