小程序编程第15课

骑猪看日落 2023-02-26 14:26 14阅读 0赞

# 教程 #

战友们好，这节课我们学习一下：数据类型

数据类型分两大类，一类是值类型，一类是引用数据类型。

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。

引用数据类型：对象(Object)、数组(Array)、函数(Function)。

值类型和引用类型有什么区别呢？

比如我有一个钱包，钱包里面可以直接放钱，或者是放我的银行卡，如果是直接放钱的话，那么这些钱就是可以直接拿出来用的，但是银行卡却不能直接拿出来用，银行卡需要结合POS机或取钱后才能消费

直接放钱就是值类型，引用类型的意思就相当于放了一张银行卡

关于值类型和引用类型的具体区别，我们在使用的过程中去理解，不需要死记硬背。

之前说过变量就是一个容器，可以装任何东西，也就是说可以装任何类型的值。包括引用类型和值类型。

接下来我们挨个介绍一下这些数据类型

### 字符串 ###

我们目前接触最多的就是字符串了，字符串就是用双引号或者单引号引起来的一串字符。如果引号内没有包含任何字符，那就叫空字符串。

举例

let name = '张三'
    let height = '180cm'
    let emptyStr = ''

### 数字 ###

数字我们接触地也很多了，数字有整数和小数，但是都属于数字。

举例

let age = 26
    let a = 188.88
    let x = 123e5  // 这里是计数法，和数学上面是一致的，等同于 123 * 10 ** 5 这里**是^的意思

### 布尔 ###

布尔类型就只有两个值，我们都用过了

let good = true;
    let fail = false;

### 数组 ###

数组刚学不久，数组就是：使用单独的变量名来存储一系列的值

举例

let cars=["Saab","Volvo","BMW"];
    let numbers = [1,23,4,4,4,542,1234]
    let peoples = [{ name:'张三',age:18},{ name:'李四',age:34}]
    
    // 注意：元素下标从0开始
    
    // 如何访问数组元素？
    
    numbers[1]

### 对象 ###

> 对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔

举例

let person = { name:'张三',age:18,tag:'00后'}
    
    // 访问对象属性
    person.name

### Undefined 和 Null ###

> Undefined 这个值表示变量不含有值。  
> 可以通过将变量的值设置为 null 来清空变量。

undefined是未定义，没定义过的变量就默认是这个值。null就是空的意思，也就是虽然定义了但为空

let noBody = null

### Symbol ###

这个东西是近几年才加入进来的类型，意思是独一无二。只要创建出这种类型的值，那么就是独一无二的，永远不会重复。

例子

let sym1 = Symbol(1)
    let sym2 = Symbol(1)
    
    sym1 === sym2  // false

尽管上面创建symbol的过程一样，但是生成的值也不一样

### 如何获取变量的类型？ ###

typeof 变量名

例子

typeof person
    // 返回 "object"

[这里有一份参考资料可供学习，弄不懂没关系，先了解一下][Link 1]

# 作业 #

这节课的作业就是创建上面所有类型的变量，每种类型创建5个，然后自己研究一下，截图发到群里即可

[Link 1]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Data_structures

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序编程第18课

教程这节课开始我们做一个实战项目：复利计算器2 这个小程序是我自己开发的已经稳定运行一年多的小程序。这个小程序目前能带来约每月能带来300元的被动收入，熟练开发之后，

淩亂°似流年/ 2023年03月01日 13:44/ 0 赞/ 22 阅读

相关小程序编程第16课

教程战友们好，这节课我们讲作用域这个概念。这个概念有点像能力圈，能力圈是我们每个人的能力范围。在能力圈内我们干任何事情都比较容易，但是在能力圈外我们就没辙了。作

拼搏现实的明天。/ 2023年02月28日 04:22/ 0 赞/ 135 阅读

相关小程序编程第15课

教程战友们好，这节课我们学习一下：数据类型数据类型分两大类，一类是值类型，一类是引用数据类型。值类型(基本类型)：字符串（String）、数字(Number)、

骑猪看日落/ 2023年02月26日 14:26/ 0 赞/ 15 阅读

相关小程序编程第14课

教程各位战友好，今天是我们的第14课，这节课我们学一个新的数据类型：数组数组是什么东西呢？ > 使用单独的变量名来存储一系列的值数组就像一个列表一样，比如下图

Love The Way You Lie/ 2023年02月25日 12:27/ 0 赞/ 34 阅读

相关小程序编程第13课

函数各位战友，早上好。这节课我们来学一个很重要的概念。叫做函数。函数是什么东西? > 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块简单地说，函数

迈不过友情╰/ 2023年02月24日 08:37/ 0 赞/ 27 阅读

相关小程序编程第8课

教程各位战友，早上好，今天是我们的第8课，这节课我们要做一个：累加器有一种存钱方法叫做：365天存钱法也就是从第一天，存1元，第二天存2元…一年的最后一天存36

傷城~/ 2023年02月20日 06:29/ 0 赞/ 31 阅读

相关小程序编程第7课

教程各位战友，早上好，今天是我们的第7课，这节课我们要做一个：自动答疑小程序自动答疑的功能，我们经常都能看到，比如我们拨打10086，系统就会提示你，让你输入对应的

柔情只为你懂/ 2023年02月20日 02:17/ 0 赞/ 28 阅读

相关小程序编程第25课

教程这节课我们美化一下我们的小程序，然后把计算结果放到下一页。复制如下代码到index.wxss中去（关于如何美化页面，[点击这里学习CSS教程][CSS]）

桃扇骨/ 2022年11月29日 11:37/ 0 赞/ 211 阅读

相关小程序编程第24课

教程各位战友，早上好。这节课我们的目标是把上节课计算出来的数据展示到页面上。怎么把数组里面的数据展示到页面上呢？我们首先要把它保存到data里面也就是说，我

深碍√TFBOYSˉ_/ 2022年11月28日 10:27/ 0 赞/ 162 阅读

相关小程序编程第23课

教程上节课留了个作业，我们要把第二期的计算明细算出来。怎么做呢？我们可以再定义四个变量，然后再计算第二期的明细。我这里直接使用了上节课的参考答案。你可以看到我们

比眉伴天荒/ 2022年11月27日 01:51/ 0 赞/ 198 阅读