TS数据类型(全)

TS支持和JS几乎相同的数据类型,此外还提供了实用的枚举类型

总结:ts中变量一开始是什么类型,那么后期赋值的时候,只能用这个类型的数据,是不允许用其他类型的数据赋值给当前的这个变 量中。

数字类型(number)

TypeScript里的所有数字都是浮点数。

双精度 64 位浮点值。它可以用来表示整数和分数。

let binaryLiteral: number = 0b1010; // 二进制
let octalLiteral: number = 0o12;    // 八进制
let decLiteral: number = 10;    // 十进制
let hexLiteral: number = 0xa;    // 十六进制console.log(binaryLiteral,octalLiteral,decLiteral,hexLiteral)//10,10,10,10

字符串类型(String)

一个字符系列,使用单引号(')或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式。

let name: string = "Runoob";
let str: string = "我的存款是"
let years: number = 5;
let words: string = `您好,今年是 ${ name } 发布 ${ years + 1} 周年`;console.log(words)
//您好,今年是 Runoob 发布5周年//字符串和数字之间能够一起拼接
console.log(str+years)
//我的存款是5

布尔类型(boolean)

最基本的数字类型true/false值,在JS和TS里叫做bollean

let isDone:boolean=false;
isDone=true;
console.log(isDone)//true

数组类型

TypeScript 声明数组的语法格式如下所示:

var array[:datatype];        //声明 
array = [val1,val2,valn..]   //初始化

直接在声明时初始化:

var array[:datatype] = [val1,val2…valn]
//数组定义方式1
//语法:let 变量名:数据类型[] =[值1,值2,值3]
let arr1:number[] = [10,20,30,40]//数组定义方式2
//语法:let 变量名:Array<数据类型> = {值1,值2,值3}
let arr2:Array<number> = [100,200,300]//注意:数组定义之后,里面的数据类型必须和定义数组的时候的类型一致
//数组解构:可以把数组元素赋值给变量
var arr:number[] = [12,13] 
var[x,y] = arr // 将数组的两个元素赋值给变量 x 和 y
console.log(x , y) 
//13,12//数组迭代:使用 for 语句来循环输出数组的各个元素
var j:any; 
var nums:number[] = [1001,1002,1003,1004] 
for(j in nums) { console.log(nums[j]) 
}
//1001 1002 1003 1004//多维数组:一个数组的元素可以是另外一个数组
//格式var arr:datatype[][]=[ [val1,val2,val3],[v1,v2,v3] ]
var arr:number[][] = [[1,2,3],[23,24,25]]  

数组方法

序号方法 & 描述实例
1.concat()连接两个或更多的数组,并返回结果。var alpha = ["a", "b", "c"]; var numeric = [1, 2, 3]; var alphaNumeric = alpha.concat(numeric); console.log("alphaNumeric : " + alphaNumeric ); // a,b,c,1,2,3
2.every()检测数值元素的每个元素是否都符合条件。function isBigEnough(element, index, array) { return (element >= 10); } var passed = [12, 5, 8, 130, 44].every(isBigEnough); console.log("Test Value : " + passed ); // false
3.filter()检测数值元素,并返回符合条件所有元素的数组。function isBigEnough(element, index, array) { return (element >= 10); } var passed = [12, 5, 8, 130, 44].filter(isBigEnough); console.log("Test Value : " + passed ); // 12,130,44
4.forEach()数组每个元素都执行一次回调函数。let num = [7, 8, 9]; num.forEach(function (value) { console.log(value); }); 编译成 JavaScript 代码: var num = [7, 8, 9]; num.forEach(function (value) { console.log(value); // 7 8 9 });
5.indexOf()搜索数组中的元素,并返回它所在的位置。如果搜索不到,返回值 -1,代表没有此项。var index = [12, 5, 8, 130, 44].indexOf(8); console.log("index is : " + index ); // 2
6.join()把数组的所有元素放入一个字符串。var arr = new Array("Google","Runoob","Taobao"); var str = arr.join(); console.log("str : " + str ); // Google,Runoob,Taobao var str = arr.join(", "); console.log("str : " + str ); // Google, Runoob, Taobao var str = arr.join(" + "); console.log("str : " + str ); // Google + Runoob + Taobao
7.lastIndexOf()返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。var index = [12, 5, 8, 130, 44].lastIndexOf(8); console.log("index is : " + index ); // 2
8.map()通过指定函数处理数组的每个元素,并返回处理后的数组。var numbers = [1, 4, 9]; var roots = numbers.map(Math.sqrt); console.log("roots is : " + roots ); // 1,2,3
9.pop()删除数组的最后一个元素并返回删除的元素。var numbers = [1, 4, 9]; var element = numbers.pop(); console.log("element is : " + element ); // 9 var element = numbers.pop(); console.log("element is : " + element ); // 4
10.push()向数组的末尾添加一个或更多元素,并返回新的长度。var numbers = new Array(1, 4, 9); var length = numbers.push(10); console.log("new numbers is : " + numbers ); // 1,4,9,10 length = numbers.push(20); console.log("new numbers is : " + numbers ); // 1,4,9,10,20
11.reduce()将数组元素计算为一个值(从左到右)。var total = [0, 1, 2, 3].reduce(function(a, b){ return a + b; }); console.log("total is : " + total ); // 6
12.reduceRight()将数组元素计算为一个值(从右到左)。var total = [0, 1, 2, 3].reduceRight(function(a, b){ return a + b; }); console.log("total is : " + total ); // 6
13.reverse()反转数组的元素顺序。var arr = [0, 1, 2, 3].reverse(); console.log("Reversed array is : " + arr ); // 3,2,1,0
14.shift()删除并返回数组的第一个元素。var arr = [10, 1, 2, 3].shift(); console.log("Shifted value is : " + arr ); // 10
15.slice()选取数组的的一部分,并返回一个新数组。var arr = ["orange", "mango", "banana", "sugar", "tea"]; console.log("arr.slice( 1, 2) : " + arr.slice( 1, 2) ); // mango console.log("arr.slice( 1, 3) : " + arr.slice( 1, 3) ); // mango,banana
16.some()检测数组元素中是否有元素符合指定条件。function isBigEnough(element, index, array) { return (element >= 10); } var retval = [2, 5, 8, 1, 4].some(isBigEnough); console.log("Returned value is : " + retval ); // false var retval = [12, 5, 8, 1, 4].some(isBigEnough); console.log("Returned value is : " + retval ); // true
17.sort()对数组的元素进行排序。var arr = new Array("orange", "mango", "banana", "sugar"); var sorted = arr.sort(); console.log("Returned string is : " + sorted ); // banana,mango,orange,sugar
18.splice()从数组中添加或删除元素。var arr = ["orange", "mango", "banana", "sugar", "tea"]; var removed = arr.splice(2, 0, "water"); console.log("After adding 1: " + arr ); // orange,mango,water,banana,sugar,tea console.log("removed is: " + removed); removed = arr.splice(3, 1); console.log("After removing 1: " + arr ); // orange,mango,water,sugar,tea console.log("removed is: " + removed); // banana
19.toString()把数组转换为字符串,并返回结果。var arr = new Array("orange", "mango", "banana", "sugar"); var str = arr.toString(); console.log("Returned string is : " + str ); // orange,mango,banana,sugar
20.unshift()向数组的开头添加一个或更多元素,并返回新的长度。var arr = new Array("orange", "mango", "banana", "sugar"); var length = arr.unshift("water"); console.log("Returned array is : " + arr ); // water,orange,mango,banana,sugar console.log("Length of the array is : " + length ); // 5

元组类型

数组中元素的数据类型都一般是相同的(any[] 类型的数组可以不同),如果存储的元素数据类型不同,则需要使用元组。

元组中允许存储不同类型的元素,元组可以作为参数传递给函数。

//元组类型,在定义数组的时候,类型的数据的个数一开始就已经限定了
let arr:[string,number,boolean] = ['你好',100.254,true]//注意:元组类型在使用的时候,数据的类型的位置和数据的个数应该和定义元组的时候的数据类型及位置应该一致
console.log(arr[0].split(''))  //['你','好']
console.log(arr.toFixed(2))    //100.25

枚举(enum)

enum类型是对JS标准数据类型的补充。枚举类型用于定义数值集合。

枚举里面的每个数据值都可以叫元素,每个元素都有自己的编号,编号是从0开始的,依次的递增加1

枚举中的元素可以是中文的数据值,但是不推荐

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 2//枚举数值默认从0开始依次递增,也可以手动的给指定成员的值
enum Color {Red=1, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    
//3//根据特定的名称得到对应的枚举数值,也可以根据枚举数值得到特定的名称
enum Color {Red=1, Green, Blue};
let c: Color = Color[2];
console.log(c)  
//Green

任意类型(any)

当一个数组中要存储多个数据,个数不确定,类型不确定,此时也可以使用any类型来定义数组

变量的值会动态改变时,比如来自用户的输入,任意值类型可以让这些变量跳过编译阶段的类型检查,示例代码如下:

let x: any = 1;    // 数字类型
x = 'I am who I am';    // 字符串类型
x = false;    // 布尔类型

改写现有代码时,任意值允许在编译时可选择地包含或移除类型检查,示例代码如下:

let x: any = 4;
x.ifItExists();    // 正确,ifItExists方法在运行时可能存在,但这里并不会检查
x.toFixed();    // 正确

定义存储各种类型数据的数组时,示例代码如下:

let arrayList: any[] = [1, false, 'fine'];
arrayList[1] = 100;

无类型(void)

某种程度上来说, void 类型像是与 any 类型相反,它 表示没有任何类 。 当一个函数没有返回值时,你通常会见到其返回值类型是 void

//用于标识方法返回值的类型,表示该方法没有返回值。
function hello(): void {alert("Hello Runoob");
}

空(null)和 未定义(undefined)

null:表示对象值缺失。null是一个只有一个值的特殊类型。表示一个空对象引用。

undefined:用于初始化变量为一个未定义的值,一个没有值的变量会返回 undefined。

Null 和 Undefined 是其他任何类型(包括 void)的子类型,可以赋值给其它类型,如数字类型,此时,赋值后的类型会变成 null 或 undefined。而在TypeScript中启用严格的空校验(–strictNullChecks)特性,就可以使得null 和 undefined 只能被赋值给 void 或本身对应的类型,

let und:undefined = undefined
let nll:null = null
consloe.log(und,nul)
//undefined,null//将undefined,null赋值给其他类型时需要关闭严格模式 /** tsconfig.json文件中的"strict":true 改为 false */
let num1:number = undefined
let num2:number = null
console.log(num1,num2)//undefined,null

never

never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。这意味着声明为 never 类型的变量只能被 never 类型所赋值,在函数中它通常表现为抛出异常或无法执行到终止点(例如无限循环),示例代码如下:

let x: never;
let y: number;// 编译错误,数字类型不能转为 never 类型
x = 123;// 运行正确,never 类型可以赋值给 never类型
x = (()=>{ throw new Error('exception')})();// 运行正确,never 类型可以赋值给 数字类型
y = (()=>{ throw new Error('exception')})();// 返回值为 never 的函数可以是抛出异常的情况
function error(message: string): never {throw new Error(message);
}// 返回值为 never 的函数可以是无法被执行到的终止点的情况
function loop(): never {while (true) {}
}

object类型

object 表示非原始类型,也就是除 number , string , boolean 之外的类型。
使用 object 类型,就可以更好的表示像 object.create 这样的 API 。例如:

// 定义一个函数,参数是object类型,返回值也是object类型
function getobj(obj: object): object {console.log(obj)return (name:卡卡西',age: 27}
}
// console.log(getobj(({name:佐助',age:'男'}))
// console.log(getobj(!123')) // 错误的
// console.log(getobj(new string(!123')))
console.log(getobj(string))

TypeScript 联合类型

创建联合类型的语法格式如下:

Type1|Type2|Type3 
// 联合类型 (Union Types) 表示取值可以为多种类型中的一种
// 需求1: 定义一个函数得到一个数字或字符串值的字符串形式值
function getString(str:numberlstring):string{return str.tostring()//3
}console.log(getstring('123'))
/*
类型断言(Type Assertion): 可以用来手动指定一个值的类型
语法:方式一:<类型>值方式二: 值 as 类型 tsx中只能用这种方式
*/
/* 需求:定义一个函数得到一个字符中或者数值数据的长度 */
function getLength(x: number l string) {if ((<string>x).length) { return (x as string).length} else {return x.tostring().length}
}
console.log(getLength( 'abcd'),getLength(1234))
// 类型推断:TS没有明确的指定类型的时候推测出一个类型/*有下面2种情况: 1.定义变量时赋值了,推断为对应的类型2.定义变量时没有赋值,推断为any类型*/let txt =l0 // number 类型
//txt ="小甜甜好帅"  //不能这样写会报错
console.log(txt)	//10let txt2; // any 类型
txt2 = 10
console.log(txt2)//10
txt2 ="帅杨好帅哦"
console.log(txt2)//帅杨好帅哦

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/192414.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ES通过抽样agg聚合性能提升3-5倍

一直以来&#xff0c;es的agg聚合分析性能都比较差&#xff08;对应sql的 group by&#xff09;。特别是在超多数据中做聚合&#xff0c;在搜索的条件命中特别多结果的情况下&#xff0c;聚合分析会非常非常的慢。 一个聚合条件&#xff1a;聚合分析请求的时间 search time a…

DIV从不能移动变成随便定位(静态+编程)的方法

编了一个游戏测试小网页&#xff0c;竟然发现DIV不能随便移动&#xff0c;查了半天终于解决了静态和编程定位的问题。特别记录一下。 <div οnmοusedοwn"mDown(this)" οnmοuseup"mUp(this)" style"background-color: #D94A38; position: abso…

部署springboot项目到GKE(Google Kubernetes Engine)

GKE是 Google Cloud Platform 提供的托管 Kubernetes 服务&#xff0c;允许用户在 Google 的基础设施上部署、管理和扩展容器。本文介绍如何部署一个简单的springboot项目到GKE. 本文使用podman. 如果你用的是docker, 只需要把本文中所有命令中的podman替换成docker即可 非H…

LeetCode [中等]二叉树的右视图(层序

199. 二叉树的右视图 - 力扣&#xff08;LeetCode&#xff09; 从二叉树的层序遍历改进&#xff0c;根右左 /*** Definition for a binary tree node.* public class TreeNode {* public int val;* public TreeNode left;* public TreeNode right;* public T…

MiniDumpWriteDump函数生成dmp文件

MiniDumpWriteDump函数生成dmp文件 一&#xff1a;概述二&#xff1a; CreateDump.h三&#xff1a;CreateDump.cpp四&#xff1a;main测试五&#xff1a;winDbg分析 一&#xff1a;概述 v2008及以上版本都可以用。 包含CreateDump.h&#xff0c;CreateDump.cpp文件&#xff0c…

Linux: FS: inotify

这个和网卡的event-notify是一样的逻辑,内核看到有什么事情发生,可以通知到用户,然后用户可以根据自己的需求做一些处理。第一次看到,记录一下算是可以日后可以用到的功能。 man inotify。 inotify - monitoring filesystem events 描述: The inotify API provides a mec…

java+springboot物资连锁仓库经营商业管理系统+jsp

主要任务&#xff1a;通过网络搜集与本课题相关的素材资料&#xff0c;认真分析连锁经营商业管理系统的可行性和要实现的功能&#xff0c;做好需求分析&#xff0c;确定该系统的主要功能模块&#xff0c;依据数据库设计的原则对数据库进行设计。最后通过编码实现本系统功能并测…

Python核心编程之此时起步,为时不晚

目录 一、前言 二、程序输出,print语句及“HelloWorld!” 三、程序输入和 raw_input()内建函数

【KPDK】Log Library

DPDK日志库为其他DPDK库和驱动程序提供日志记录功能。默认情况下&#xff0c;在Linux应用程序中&#xff0c;日志既发送到syslog&#xff0c;也发送到控制台。在FreeBSD和Windows应用程序上&#xff0c;日志只发送到控制台。但是&#xff0c;用户可以覆盖日志功能以使用不同的日…

Linux周期任务

我自己博客网站里的文章 Linux周期任务&#xff1a;at和crontab 每个人或多或少都有一些约会或者是工作&#xff0c;有的工作是长期周期性的&#xff0c; 例如&#xff1a; 每个月一次的工作报告每周一次的午餐会报每天需要的打卡…… 有的工作则是一次性临时的&#xff0…

Prometheus+Grafana搭建日志采集

介绍 一、什么是日志数据采集 日志数据采集是指通过各种手段获取应用程序运行时产生的各类日志信息&#xff0c;并将这些信息存储到特定的地方&#xff0c;以便后续分析和使用。通常情况下&#xff0c;这些日志信息包括系统运行状态、错误信息、用户操作记录等等。通过对这些…

牛客算法题 【HJ97 记负均正】 golang实现

题目 HJ97 记负均正 描述 首先输入要输入的整数个数n&#xff0c;然后输入n个整数。输出为n个整数中负数的个数&#xff0c;和所有正整数的平均值&#xff0c;结果保留一位小数。 0即不是正整数&#xff0c;也不是负数&#xff0c;不计入计算。如果没有正数&#xff0c;则平均…

大文件分片上传、分片进度以及整体进度、断点续传(一)

大文件分片上传 效果展示 前端 思路 前端的思路&#xff1a;将大文件切分成多个小文件&#xff0c;然后并发给后端。 页面构建 先在页面上写几个组件用来获取文件。 <body><input type"file" id"file" /><button id"uploadButton…

代码随想录-刷题第十五天

二叉树层序遍历 题目链接&#xff1a;102. 二叉树的层序遍历 思路&#xff1a;利用队列来存储遍历的节点&#xff0c;同时要定义size来保存当前层的节点个数。 时间复杂度O(n) 层序遍历的一般写法&#xff0c;通过一个 while 循环控制从上向下一层层遍历&#xff0c;for 循…

动态规划学习——回文串

目录 一&#xff0c;回文子串 1.题目 2.题目接口 3&#xff0c;解题代码及其思路 解题代码&#xff1a; 二&#xff0c; 分割回文串II 1&#xff0c;题目 2&#xff0c;题目接口 3&#xff0c;解题思路及其代码 一&#xff0c;回文子串 1.题目 给你一个字符串 s &…

模板初阶(2):函数模板的匹配原则,类模板的实例化

一、函数模板的匹配原则 int Add(const int& x, const int& y) {return x y; }template <class T> T Add(const T& x, const T& y) {return x y; }int main() {int a1 1, a2 2;Add(a1, a2);double d1 1.1, d2 2.2;Add(d1, d2);return 0; }一个非模…

Unity 加载本地图片的方法

Unity加载本地图片有不少方法&#xff0c;一般使用以下这些&#xff1a; 1、使用System.IO下的File.ReadAllBytes方法&#xff1a; //方法一void LoadTextureFromFile1(string filePath){// 创建一个Texture2DTexture2D texture new Texture2D(1, 1);// 加载图片数据byte[] i…

【搭建网站】搭建一个自己的网站

【搭建网站】搭建一个自己的网站 传送门&#xff1a;搭建一个自己的网站&#xff1f;看这个就够了&#xff01; P1&#xff0c;建站准备 P2&#xff0c;创建站点

汇编:call与ret/retf指令

一、call指令 ​​​​​​​ 1.1 依据位移进行转移&#xff1a;call 标号 1.2 实现段间转移&#xff1a;call far ptr 标号 1.3 转移地址在寄存器中&#xff1a;call 16位寄存器 1.4 转移地址在内存中 1.4.1 call word ptr 内存单元地址 1.4.2 call dword ptr 内存单元地址…