TypeScript—2.变量和数据类型导读

1.变量

变量:用来存储数据的容器,并且是可以变化的,变量里面存数据。

2.变量的使用

变量的使用分为两步:

1.声明变量并指定类型
let age:number;
2.给变量赋值
age = 18;

简化方式:声明变量的同时就赋值(变量的初始化):
let age: number = 18;

3.类型注解

类型注解:是一种为变量添加类型约束的方式(约定了什么类型， 就只能给什么类型的值。)

4.变量的命名规则和规范

变量名称只能出现:数字、字母、下划线(_)、美元符号($),并且不 能以数字开头,注意变量名称区分大小写。
推荐:
变量名称要有意义，顾名思义
使用驼峰命名法(首字母小写，后面每个单词首字母大写)

5.数据类型概述

数据类型:1.原始类型(基本数据类型)
常用的基本数据类型有5个:number、string、boolean、undefined、null
数字类型:包含整数值和浮点型(小数)值

let age: number = 18
let score: number = 99.9

let salary: number = +10000
let salaryWithGirlfriend: number = -2000

字符串:由零个或多个字符串联而成,用来表示文本信息
字符串可以用单引号和双引号,推荐使用单引号

let food: string = '糖葫芦'

布尔类型:表示真或假,只有两个值,分别实施true和false,true表示真,false表示假

let isStudying: boolean = true

undefined、null都只有一个值,值为类型本身
undefined表示声明但未赋值的变量(找不到值)
null表示声明了变量并且已经赋值，值为null

let u: undefined = undefined
let n: null = null

2.对象类型(复杂数据类型)

6.运算符

运算符也称为操作符,用来实现赋值(=)、算术运算符、比较等功能
常用的运算符
1.算术运算符
算术运算符包含加减乘除
进行算术运算时使用的符号，用于两个数值之间的计算
加号的其他作用:加号不仅可以用于加法计算,还能实现字符串拼接.加号两边只要有一边是字符串,就执行字符串拼接。
除加号外,其它算术运算符只应该和数字类型一起使用。
其他方式:将字符串类型转换为数字类型

 console.log(1+'2')//12
 console.log(2-'1')//报错

//在字符串前面加+号,可以将string转化为number,只有字符串是数字才有意义

   console.log(2-+'1')//1 

2.赋值运算符
将等号右边的值赋值给他左边的变量
顺序:1.先执行等号右边的代码2.将计算结果赋值给等号左边的变量
除了等号之外,还包括(+=)、（-=）、(*=)、（/=）
3.自增和自减运算符
自增运算符是+=的简化形式，自减(–)是-=的简化形式
自增运算符用来实现让变量的值加1，自减运算符实现变量 的值减1
比较运算符
比较两个数据的值,并返回其结果的值,结果为布尔类型
4. 6个比较运算符(>、>=、<、<=、=、!)
比较运算符常用于数字类型的比较
5.逻辑运算符
与、或、非
逻辑类型通常用于布尔类型的计算，并且结果也是布尔类型
与:用&&符号来表示,当&&两边的值同时为true,结果才为true，否则，为false。
或:用||来表示,当||两边只有一个为true,结果就是true，
否则就是false。
非:！，表示取反。

7.语句

1.条件语句
根据判断条件的结果(真或者假)，来执行不同的代码，从而实现不同的功能
条件语句也叫分支语句，不同的情况就是不同的分支
if语句:在typeScript中，if语句就是实现条件判断的
else语句，必须配合if语句使用，表示条件不满足，要做的事情
三元运算符的作用与if…else类似，是用来根据判断条件的真假,得到不同的结果

if(判断条件){
    条件满足时,执行
}

例子：

let isVip: boolean = true
if(isVip){
    console.log("看完整电影");
}

if(判断条件){
    条件满足时,要做的事情
}else{
    不满足条件时,要做的事情
}

例子

let isVip: boolean = false
if(isVip){
    console.log("看完整电影")
}else{
    console.log("试看五分钟")
}

结果 = 判断条件 ?值1:值2

得到的结果类型由值1和值2的类型决定(值1和值2的类型相同)

2.循环语句
for循环就是实现重复做某件事情的循环语句

for(初始化语句1;判断条件2;计数器更新4){
    循环体3
}

例子：

for(let i: number = 1;i<=3;i++){
    console.log(i);
}

3.break和continue
break和continue常用于循环语句中,用来改变循环的执行过程
for循环的特点是连续且不间断
break能够让循环提前结束(终止循环)

for(let i:number = 1 ; i<=5;i++){
     if(i==3){
         break;
     }
     console.log('正在吃第'+i+'个包子');
 }

continue能够让循环间断执行(跳过本次循环,继续下次循环)

for(let i:number = 1;i<=5;i++){
    if(i==3){
        continue;
    }
    console.log('正在吃第'+i+'个包子');
}

8.数组

1.数组概述
数组是用于存放多个数据的集合
有数组:只需要使用一个数组([])，就可以存储多个任意数据。

let names:string[] = ['迪丽热巴','古力娜扎','马尔扎哈']

  注意:数组中的元素通常是相同类型的数据 

2.创建数组
语法一（推荐）

 let names：string[] = []

[]表示数组,如果数组中没有内容,就是一个空数组
数组的类型注解是由两部分组成:类型+[],此处表示字符串类型的数组(只能出现字符串类型)

 let names: string[] = ['迪丽热巴','古力娜扎','马尔扎哈']

数组:多个元素之间使用逗号分隔,数组中的每一项内容称为元素

语法2(不推荐)：

 let names: string[] = new Array();

功能与[]相同,但是更繁琐

 let names: string[] = new Array('迪丽热巴','古力娜扎','马尔扎哈');

3.数组的长度和索引
数组的长度:表示数组中元素的个数,通过数组的.length属性来获取

let foods: string[] = ['煎饼','馒头','米饭'];
console.log(foods.length);

数组索引:数组中的每个元素都有自己的序号
我们把数组中的元素的序号,称为索引(下标)，数组中的元素和索引一一对应。(注意:数组索引是从0开始的),最大索引为最大长度-1

let foods: string[] = ['煎饼','馒头','米饭'];

4.数组的取值和存值
从数组中获取到某个元素的值，就是从数组中取值。数组中的元素与索引是
一一对应的，通过索引获取到某一个元素的值
语法:

数组名称[索引]

如果要修改数组中的某个元素的值,就要使用数组存值(技巧:先获取到要修改的元素,然后再存值)
语法:

 数组名称[索引] =新值

添加元素
存值的语法是:数组名称[索引]=新值,根据索引是否存在，有两种功能
1.修改元素 2.添加元素
1.如果索引存在，就表示修改元素
2.如果索引不存在，就表示添加元素
遍历数组:就是把所有元素中挨个获取一次