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. Java 11新功能抢先了解

    目前 Oracle 已经发布了 Java Development Kit 10,下个版本 JDK 11 也即将发布.本文介绍 Java 11 的新功能. 根据Oracle新出台的每6个月发布一次Jav ...

  2. JDK 8u131

    JDK 8u131 发布了.Java SE 8u131 包括重要的安全修复和bug修复.Oracle 强烈建议所有 JavaSE 8 用户升级到此版本.此次完整版本号为1.8.0_131-b11. J ...

  3. .NET Core实战项目之CMS 第十二章 开发篇-Dapper封装CURD及仓储代码生成器实现

    本篇我将带着大家一起来对Dapper进行下封装并实现基本的增删改查.分页操作的同步异步方法的实现(已实现MSSQL,MySql,PgSQL).同时我们再实现一下仓储层的代码生成器,这样的话,我们只需要 ...

  4. macOS webview编程

    好像是macOS10.10之后,以及iOS8之后,新出现的WKWebview组件就迅速的替代了Webview及UIWebView.后者的确存在一些无法解决的bug,诸如架构导致的速度缓慢和内存泄漏. ...

  5. 基础才是重中之重~lock和monitor的区别

    回到目录 Monitor的介绍 1.Monitor.Enter(object)方法是获取锁,Monitor.Exit(object)方法是释放锁,这就是Monitor最常用的两个方法,当然在使用过程中 ...

  6. 一文看懂https如何保证数据传输的安全性的

    通过漫画的形式由浅入深带你读懂htts是如何保证一台主机把数据安全发给另一台主机的 对称加密 一禅:在每次发送真实数据之前,服务器先生成一把密钥,然后先把密钥传输给客户端.之后服务器给客户端发送真实数 ...

  7. 痞子衡嵌入式：飞思卡尔i.MX RT系列MCU启动那些事（1）- Boot简介

    大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是飞思卡尔i.MX RT系列MCU的BootROM功能简介. 截止目前为止i.MX RT系列已公布的芯片有三款i.MXRT105x, i. ...

  8. 用TensorFlow教你手写字识别

    博主原文链接:用TensorFlow教你做手写字识别(准确率94.09%) 如需转载,请备注出处及链接,谢谢. 2012 年,Alex Krizhevsky, Geoff Hinton, and Il ...

  9. 【记录一次坑经历】axios使用x-www-form-urlencoded 服务器报400（错误的请求。 ）（后端.Net MVC5 WebApi OAuth，前端Electron-Vue）

    首先放上源码 electron-vue axios 注册 import Vue from 'vue' import axios from 'axios'   axios.defaults.baseUR ...

  10. python学习笔记(十 四)、web.py

    使用web.py 通过python进行网页的编写,下面我们来简单了解一哈web.py 的使用 1 url处理 使用特定的url结构来解析我们发送的请求.如下面所示: urls = ( '/login' ...