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. 【mysql】mysql 调优之 ——执行计划 explain

    1.what is explain(explain 是个什么东东) explain(解释),在 Mysql 中 作为一个关键词,用来解释 Mysql 是如何执行语句,可以连接 select .dele ...

  2. JS设计模式之单例模式

    单例模式 单例模式的定义是:保证一个类只有一个实例,并提供一个访问它的全局访问点.比如说购物车,在一个商城中,我们只需要一个购物车,购物车在整个商城中是唯一的,不需要多次创建,即使多次点击购物车按钮, ...

  3. 项目总结四：神经风格迁移项目（Art generation with Neural Style Transfer）

    1.项目介绍 神经风格转换 (NST) 是深部学习中最有趣的技术之一.它合并两个图像, 即 内容图像 C(content image) 和 样式图像S(style image), 以生成图像 G(ge ...

  4. ASP.NET Core 2.0 MVC项目实战

    一.前言 毕业后入职现在的公司快有一个月了,公司主要的产品用的是C/S架构,再加上自己现在还在学习维护很老的delphi项目,还是有很多不情愿的.之前实习时主要是做.NET的B/S架构的项目,主要还是 ...

  5. 死磕 java集合之CopyOnWriteArrayList源码分析

    欢迎关注我的公众号"彤哥读源码",查看更多源码系列文章, 与彤哥一起畅游源码的海洋. 简介 CopyOnWriteArrayList是ArrayList的线程安全版本,内部也是通过 ...

  6. Openssh版本升级修复漏洞

    一.由于openssh版本过低当用扫描软件检测时会出现以下漏洞: 二.解决方案是升级高版本,下面是升级的步凑. 1.安装telnet工具,因为升级过程中怕失败或者重启ssh失败.我们直接yun安装即可 ...

  7. C++版 - 剑指offer 面试题23：从上往下打印二叉树(二叉树的层次遍历BFS) 题解

    剑指offer  面试题23:从上往下打印二叉树 参与人数:4853  时间限制:1秒  空间限制:32768K 提交网址: http://www.nowcoder.com/practice/7fe2 ...

  8. exec族函数详解及循环创建子进程

    前言:之前也知道exec族函数,但没有完全掌握,昨天又重新学习了一遍,基本完全掌握了,还有一些父子进程和循环创建子进程的问题,还要介绍一下环境变量,今天分享一下. 一.环境变量 先介绍下环境的概念和特 ...

  9. leetcode — construct-binary-tree-from-inorder-and-postorder-traversal

    import java.util.ArrayList; import java.util.Arrays; import java.util.List; /** * Source : https://o ...

  10. Spring Boot 2.x （二）：How Hello World & 热部署

    本篇摘要 上一篇文章,我们构建了一个HelloWorld的程序,现在,我们来看一下这个程序,下面是我们这一节要分析的点. spring-boot-starter-boot @SpringBootApp ...