一、typeScript 数组

1、数组解构

 /* let [x:number,y:string,z:number] = [1,'1',3]; 报错，不支持 *//*let x:number; let y:string; let z:Array<number>;let testArray =[0,'nihao',[1,2,3]];[x,y,z] = testArray;console.log(x,y,z);    不能使用其他类型
*/let x:number; let y:number;let z:number;let testArray =[0,1,2,3,4];[x,y,z]= testArray;console.log(x,y,z);

2、数组遍历

let colors:any = ["red", "green", "blue",1,2];
colors.forEach((v:number|string):void=>{console.log(v);
});

二、typeScript 对象

1、对象解构 (和JS一样)

let person = {namex: "Semlinker",genderx: 100,listx:[1,2,3,4]
};
let { namex, genderx } = person;
console.log(namex,genderx);

2、对象展开运算符(和JS一样)

let humdog = {dogN:89,dogM:'hao gou',dogA:99
};
// 组装对象
let humdig= {...humdog,age:99};
// 获取除了某些项外的其它项
let {dogN,...restDog} = humdig;
console.log(humdig,'----',restDog);

三、typeScript 接口

在面向对象语言中，接口是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类去实现
除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述。

1、对象的形状

interface Haoren{name:string,age:number,sex:string
}let dahaoren:Haoren = {name:'lao wang',age:  88,sex: 'man'
}

2、可选 | 只读属性

只读属性用于限制只能在对象刚刚创建的时候修改其值。
ReadonlyArray<T> 类型，它与 Array<T> 相似，只是把所有可变方法去掉了，因此可以确保数组创建后再也不能被修改。

interface Huairen{readonly name:string,age?:number,
}interface Huairen2{readonly name:string,age?:number,todo:ReadonlyArray<number>
}let dahuairen:Huairen = {name:'libai',age:88
}let dahuairen2:Huairen2 = {name:'libai',age:88,todo:[1,2,3,4]
}
console.log(dahuairen,dahuairen2);

typescript数组，对象，接口实例相关推荐

向后台接口传递FormData格式的数组对象
向后台接口传递FormData格式的数组对象前端利用formData格式进行数据上传,前端formData 传值和 json传值的区别?
简单的循环以及从接口获取数组对象的一个字段集合
1.简单的循环字段循环 if (this.videolist) {console.log(111);for (let j = 0; j < this.videolist.length; j++) ...
前端：JS/20/数组（数组的概念，数组元素，数组索引，数组元素的访问，数组的长度，数组的创建方法，数组的操作，实例：使用数组保存个人信息，实例：求数组所有值的平均值，数组对象的length属性）
数组 1,数组的概念一组值(或对象)的集合,称为"数组": var arr =[10,20,30,50]; var arr =["张三","男&qu ...
如何调用天气接口（如何解决WebService客户端引用服务器无法处理请求。未将对象引用设置到对象的实例）
正常操作是: 添加服务引用输入UPL地址,更改命名空间确定然后在cs文件里面引用WebServer所在的命名空间,实例化类,就可以调用其中方法调用getWeather()方法的时候会报服务器 ...
java对象数组元素替换实例
对象数组元素替换实例(普通方法) import java.util.Scanner; //对象数组的元素替换,原理是检索下标用新内容替换掉旧内容 public class Test1 {String ...
python的对象数组_Python当中的array数组对象实例详解
计算机为数组分配一段连续的内存,从而支持对数组随机访问: 由于项的地址在编号上是连续的,数组某一项的地址可以通过将两个值相加得出,即将数组的基本地址和项的偏移地址相加. 数组的基本地址就是数组的第一项 ...
java继承数组实例_【Java】理解封装、继承、多态和对象数组的综合实例（简易的租车系统，附代码）...
一.Drive.java(汽车类 - 父类) package Z_CarManger; import java.io.ObjectInputStream.GetField; public abstra ...
typescript 接口 java_[Java教程]【TypeScript】TypeScript 学习 2——接口
[Java教程][TypeScript]TypeScript 学习 2--接口 0 2015-06-19 12:00:28 在 TypeScript 中,接口是用作约束作用的,在编译成 JavaScr ...
TypeScript基础入门 - 接口 - 继承接口
转载地址 TypeScript基础入门 - 接口 - 继承接口项目实践仓库 https://github.com/durban89/typescript_demo.git tag: 1.0.13 为 ...

typescript数组，对象，接口实例

一、typeScript 数组

1、数组解构

2、数组遍历

二、typeScript 对象

三、typeScript 接口

1、对象的形状

2、可选 | 只读属性

typescript数组，对象，接口实例相关推荐

最新文章

热门文章