1. 字符串：

<!DOCTYPE html>

<html>

<body>

<script>

var apple = "苹果";

var banana = "香蕉";

var orange = "橘子";

var name1 = "小明";

var name2 = "小红";

document.write(name1 + "说：老师我想吃" + apple + "<br>");

document.write(name2 + "说：老师我想吃" + banana + "和" + orange);

</script>

</body>

</html>

2. 数值

js中，数值类型比较简单，不区分整型浮点型等数字类型。就是这个数，带不带小数点，对js来说都是一样进行识别。

<!DOCTYPE html>
<html>
<body>

<script>
var a = 1;
var b = 2.3;
var c = a + b;
var name1 = "小明";
var name2 = "小红";

document.write(name1 + "问" + name2 + "：" + a + "+" + b + "等于几呀？" + "<br>");
document.write(name2 + "回答说：" + a + "+" + b + "等于" + c + "呀!" + "<br>");

</script>

</body>
</html>

难道js中，字符串和数值可以直接相加进行拼接吗？

实验：

<!DOCTYPE html>
<html>
<body>

<script>
var a = 1;
var b = 2.3;
var c = a + b;
var name1 = "小明";
var name2 = "小红";

document.write(name1 + "问" + name2 + "：" + a + "+" + b + "等于几呀？" + "<br>");
document.write(name2 + "回答说：" + a + "+" + b + "等于" + c + "呀!" + "<br>");

document.write(a + name1 + b + name2);

</script>

</body>
</html>　　

结果：

小明问小红：1+2.3等于几呀？
小红回答说：1+2.3等于3.3呀!
1小明2.3小红

可以的。

3. 布尔类型

真和假，分别用true和false表示。

4. 数组

<!DOCTYPE html>

<html>

<body>

<script>

// 方法1

var i;

var cars1 = new Array();

cars1[0] = "Audi";

cars1[1] = "BMW";

cars1[2] = "Volvo";

for (i=0;i<cars1.length;i++)

{

document.write(cars1[i] + "<br>");

}

document.write("<br>");

// 方法2

var cars2 = new Array("Audi", "BMW", "Volvo");

for (i=0;i<cars2.length;i++)

{

document.write(cars2[i] + "<br>");

}

</script>

</body>

</html>

结果：

Audi

BMW

Volvo

Audi

BMW

Volvo

5. JavaScript对象

<!DOCTYPE html>

<html>
<body>

<script charset = "utf-8">
var info = {
name: "小明",
age: 63,
addr: "象牙山村156号",
}

// js对象有两种寻址方式
// 寻址1
document.write(info.name + "<br>");
// 寻址2
document.write(info["addr"] + "<br>");

</script>

</body>
</html>

 

一开始运行出来，中文是乱码，在<script charset = "utf-8">中，加入charset = "utf-8"后，解决了。

js学习之路3： 数据类型的更多相关文章

  1. 【温故知新】——BABYLON.js学习之路·前辈经验（二）

    前言:在上一篇随笔BABYLON.js学习之路·前辈经验(一)中回顾了组内同事们长时间在Babylon开发实践中的总结出的学习之路和经验,这一篇主要对开发中常见的一些功能点做一个梳理,这里只作为温故知 ...

  2. JS学习之路

    前言 接触js也有四五年的时间了,对js的认识也逐渐加深,想把自己这几年学习js的经历记录一下. 总则-都是对象,都是引用 在接触js前用的比较多的是java,在刚开始接触js的时候,老实讲,我是有点 ...

  3. node.js学习之路

    (非原创) 目录 Nodejs的介绍 15个Nodejs应用场景 Nodejs学习路线图 1. Nodejs的介绍 Node.js的是建立在Chrome的JavaScript的运行时,可方便地构建快速 ...

  4. JS学习之路，菜鸟总结的注意事项及错误更正

    JavaScript 是一种面向对象的动态语言,它的语法来源于 Java 和 C,所以这两种语言的许多语法特性同样适 用于 JavaScript.需要注意的一个主要区别是 JavaScript 不支持 ...

  5. JS学习之路（这个觉得写的很好，放在这里是方便查看）

    总则-都是对象,都是引用 在接触js前用的比较多的是java,在刚开始接触js的时候,老实讲,我是有点崩溃的,相信许多像我一样从后端语言向js转的童鞋们肯定有一样的感受,这玩意儿太灵活了,好像怎么样都 ...

  6. js学习之路2： JavaScript 变量

    1. 变量的创建 首先,可以创建一个变量 var firstVar; 这时候,并没有给它赋值.这个变量还是空的. 然后,我们可以给这个变量赋值. firstVar = 128: 2. 变量的赋值 变量 ...

  7. Js学习（2）数据类型

    Js共有六种数据类型(ES6又增加了第七种Symbol类型的值): 原始类型:数值,字符串,布尔值 合成类型:对象(object):各种值组成的集合 其他undefined,null 对象又可以分成三 ...

  8. react.js学习之路二

    看react.js对我来说真的不是难不难的问题,问题是我的思路太难转变了,真是坑死我了,react里面的坑也很多.算了,这些抱怨没啥用,记录一下今天学习的内容. 今天看了to-do-list经典示例 ...

  9. 偏前端-vue.js学习之路初级（一）概念

    首先--不推荐新手直接使用 vue-cli,尤其是在你还不熟悉基于 Node.js 的构建工具时.    新建一个html,引入一下js: <!-- 开发环境版本,包含了有帮助的命令行警告 -- ...

随机推荐

  1. win10安装ubuntu16.04及后续配置

    原文地址:https://www.jianshu.com/p/842e36a8255c UEFI 模式下win10安装ubuntu16.04双系统教程 - baobei0112的专栏 - CSDN博客 ...

  2. qcharts编译

    编译环境vs2013+qt5.5.1+perl5 qchart源码在git上自己下载,或者在此下载,参考文档:Qt Charts 5.7.0 安装教程,这篇文章是使用mingw的方式编译qcharts ...

  3. php_D3_“简易聊天室 ”实现的关键技术 详解

                      PHP+MySQL实现Internet上一个简易聊天室的关键技术  系统目标: 聊天室使用数据库汇集每个人的发言,并可将数据库内的发言信息显示在页面,让每个用户都可 ...

  4. 为什么使用JDBC操作MySQL需要添加Class.forName("com.mysql.jdbc.Driver")

    引言 如果熟悉使用JDBC来连接数据库的同学一定很清楚连接数据库的代码中一定会有依据Class.forName("com.mysql.jdbc.Driver"); public s ...

  5. SQL Server查询所有的表名、字段名、注释

    SELECT 表名 then d.name else '' end, 表说明 then isnull(f.value,'') else '' end, 字段序号=a.colorder, 字段名=a.n ...

  6. 补习系列(6)- springboot 整合 shiro 一指禅

    目标 了解ApacheShiro是什么,能做什么: 通过QuickStart 代码领会 Shiro的关键概念: 能基于SpringBoot 整合Shiro 实现URL安全访问: 掌握基于注解的方法,以 ...

  7. 设计模式总结篇系列：原型模式（Prototype）

    首先对原型模式进行一个简单概念说明:通过一个已经存在的对象,复制出更多的具有与此对象具有相同类型的新的对象. 在理解Java原型模式之前,首先需要理解Java中的一个概念:复制/克隆. 在博文< ...

  8. Supervisor 为服务创建守护进程

    今天需要再服务上部署一个.net 方面的项目:当时开启服务的命令只能在前台执行:使用nohub CMD &等放在后台开启服务都会宕机:所以搜寻了Supervisor 这个解决办法,为服务创建守 ...

  9. HTTP协议简介详解 HTTP协议发展 原理 请求方法 响应状态码 请求头 请求首部 java模拟浏览器客户端服务端

    协议简介 协议,自然语言里面就是契约,也是双方或者多方经过协商达成的一致意见; 契约也即类似于合同,自然有甲方123...,乙方123...,哪些能做,哪些不能做; 通信协议,也即是双方通过网络通信必 ...

  10. Java——代码复用（组合和继承）

    前言 "复用代码是Java众多引人注目的功能之一.但要想成为极具革命性的语言,仅仅能够复制代码并对之加以改变是不够的,它必须还能够做更多的事情." Java解决问题都围绕类展开的, ...