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. eclipse neon 发布

    2016年6月28日,Eclipse基金会宣布发布Eclipse Neon,这个版本的IDE支持Java.JavaScript.C/C++.PHP和Fortran等多种编程语言.这一次的发布集成了77 ...

  2. Python内置函数(26)——globals

    英文文档: globals() Return a dictionary representing the current global symbol table. This is always the ...

  3. https和http共存的nginx简单配置

    server{ listen 80; listen 443 ssl; ssl_certificate /usr/local/nginx/ssl/www.demo.com/www.demo.com.cn ...

  4. salesforce lightning零基础学习(十三) 自定义Lookup组件（Single & Multiple）

    上一篇简单的介绍了自定义的Lookup单选的组件,功能为通过引用组件Attribute传递相关的sObject Name,捕捉用户输入的信息,从而实现搜索的功能. 我们做项目的时候,可能要从多个表中获 ...

  5. SRS-开源流媒体服务器

    SRS 简介 SRS定位是运营级的互联网直播服务器集群,追求更好的概念完整性和最简单实现的代码.SRS提供了丰富的接入方案将RTMP流接入SRS, 包括推送RTMP到SRS.推送RTSP/UDP/FL ...

  6. leetcode — balanced-binary-tree

    /** * Source : https://oj.leetcode.com/problems/balanced-binary-tree/ * * * Given a binary tree, det ...

  7. github总结(4)--关于git reset --hard这个命令的惨痛教训

    背景叙述: 前几天,上传自己的个站到git上的时候,手欠脑发晕的用了次git reset --hard xxxxxx 命令.由于只在线上传入了一个index.html页面(自己都不知道自己咋想的,就这 ...

  8. SpringCloud(2) 服务注册和发现Eureka Server

    一.简介 EureKa在Spring Cloud全家桶中担任着服务的注册与发现的落地实现.Netflix在设计EureKa时遵循着AP原则,它基于REST的服务,用于定位服务,以实现云端中间层服务发现 ...

  9. SSH隧道：端口转发功能详解

    SSH系列文章: SSH基础:SSH和SSH服务 SSH转发代理:ssh-agent用法详解 SSH隧道:端口转发功能详解 1.1 ssh安全隧道(一):本地端口转发 如下图,假如host3和host ...

  10. Spark框架详解

    一.引言 作者:Albert陈凯链接:https://www.jianshu.com/p/f3181afec605來源:简书 Introduction 本文主要讨论 Apache Spark 的设计与 ...