专栏首页程序媛生涯JS入门之数据类型

JS入门之数据类型

在js中,数据类型分为两大类,一类是基本数据类型,另一类是引用数据类型。在这里,我们先讲基本数据类型。

基本数据类型有6种,分别是:字符串,数字,布尔值,对空,未定义和Symbol。具体示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>js运算符</title>
</head>
<body>
  
</body>
</html>
<script>
  // 字符串(String),用单引号或双引号包住
  // 字符串用+号拼接,单引号和双引号可以互包
  // 单引号和单引号之间可以间接包住,双引号亦是
  happy = "开心";
  sad = '伤心';
  name = "我叫'叶匠'!";
  nickname = '我叫"叶子"!';
  console.log(nickname+name+sad+happy);

  // 数字(Number),分为整数,浮点数,指数
  x = 123;//整数
  y = 123.00;//浮点数,有小数点
  z = 123e3//指数,e是指数的标志之一
  d = 123e-3//指数,e是指数的标志之一
  console.log("整数:"+x+" 浮点数:"+y+" 指数:"+z+" 负指数:"+d);

  // 布尔(Boolean),true和false
  x = true;
  y = false;
  console.log("对或1:"+x+" 错或0:"+y);

  // 对空(Null),一般用来清空变量
  x = null;
  console.log(x);

  // 未定义(Undefined),没有值的变量
  k;
  console.log(k);//会报错

  // Symbol 表示独一无二的值
  let s = Symbol();
  console.log(s);
</script>

而引用数据类型在js中有3种,分别是对象,数组和函数,具体示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>引入数据类型</title>
</head>
<body>
  
</body>
</html>
<script>
  // 对象(Object),
  family={father:"爸爸", mother:"妈妈", allPerson:6};
  console.log(family);
  // 获取对象里面的值,有2种方式
  console.log(family.mother);
  console.log(family['mother']);

  // 数组(Array)、定义有3种方式
  myFamily = new Array();
  myFamily[0] = '爸爸';
  myFamily[1] = '妈妈';
  console.log(myFamily);
  // 第二种定义方式
  mFamily = new Array('爸爸','妈妈');
  console.log(mFamily);
  // 第三种定义方式
  myHome = ['爸爸','妈妈'];
  console.log(myHome);

  // 函数(Function),与匿名函数类似
  // 一般不使用,执行速度比较慢
</script>

在上面的示例中,补充2个知识点,注释和打印输出。在js中,注释的方式和大多数脚本语言一样,示例如下:

//双斜线用于注释单行
/*这个符号用于注释多行*/
//注释一般不显示,方便技术人员解读代码

js的打印输出则有自己的方式,示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>打印输出</title>
</head>
<body>
  
</body>
</html>
<script>
  // console.log()方式在控制台输出
  // 一般都使用这种输出方式
  x = 123;
  console.log(x);

  // document.write()方式在浏览器中输出
  // 一般不使用这种显示方式
  // 如需在浏览器显示,把数据写入HTML中即可
  document.write(123);
</script>

以上是js数据类型的大致内容,数据类型中的字符串,数组,对象等将会在别的文章中继续深入。

本文分享自微信公众号 - 程序媛生涯(bcffl1024),作者:叶匠

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-02-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • HTML网页概述:简单介绍和基本结构分析

    我们都知道,HTML只是一种标记语言,并非脚本语言。标记语言的意思就是,标记某种文档的语言。

    邂逅千寻
  • H5入门之网页简介和超链接

    我们几乎每天都在浏览网页,那么,网页是怎么做出来的呢?其实,网页一般是由HTML,CSS和JavaScript(简称js)组成的。

    邂逅千寻
  • JS入门之运算符

    和别的脚本语言一样,js也有自己的运算符,js的运算符一共有6种,具体示例如下:

    邂逅千寻
  • 2016.01.06 HTML5真题练习

    HTML5学堂:每天一道题,强壮程序员!今日主要涉及01.05日,关于数组转换成字符串操作题目的解答,以及一道涉及数组操作的题目。 HTML5真题【2016.0...

    HTML5学堂
  • 关于对象莫名其妙的面试题

    李才哥
  • 梁雁鸣:Libra环境搭建与第一笔交易

    在本示例中,我们将下载必要的Libra组件,然后执行一笔Alice与Bob间的交易。

    辉哥
  • Chrome控制台骚操作,知道这些事半功倍

    Chrome 浏览器想必是每个前端工程师必备的利器之一,速度快、体积小、支持的特性也比其他浏览器多;除此之外,它还拥有强大的控制台功能,但很多开发者并没有用出控...

    ConardLi
  • 工欲善其事,必先利其器之------Ubuntu工具类正文

    背景: 1.自己接触linux,也有3年了,从大三开始.最早是redhet桌面版.然后linux的字符界面.上家公司的职位是运维开发工程师,一直操作的都是lin...

    若与
  • 关闭Eclipse的控制台console自动跳出

      但我们在做开发的时候,默认情况下eclipse的控制台如果有东西输出时,会默认由最小化跳出来,有时候会感觉很烦人,怎么解决这个问题呢?

    阿豪聊干货
  • 2016.01.07 HTML5真题练习

    HTML5学堂:每天一道题,强壮程序员!今日主要涉及01.06日,数组操作题目的解答,以及一道涉及数组拼接的题目。 HTML5真题【2016.01.06】答案解...

    HTML5学堂

扫码关注云+社区

领取腾讯云代金券