四川省城乡和住房建设厅网站,什么自己做网站吗,企业官方网站开发外包,电商网站建设源码ts中对象数组的简单使用 一、主要内容说明二、例子1、源码12、源码1运行效果 三、结语四、定位日期 一、主要内容说明
平常ts创建数组的格式如下#xff1a;
let array:string[][元素1,元素2,元素3,元素3,元素4
let array:string[][元素1,元素2,元素3,元素3,元素4---]元素1、元素2、元素3等这些元素可以为字符数字也可以为对象。ts中大括号“”表示一个对象在上面格式的基础上把中括号“ [] ”里的各个元素替换为对象“ ”即
let array:string[][{},{},{},{},{}---]如此一个对象数组便可建立完成。对象“ ”里面可以添加很多东西变量函数等。 上边我们创建的 array 类别为字符串类型“string”上边各个元素替换成对象后array也可更改类型用以输入或输出函数。类型可以有系统里自带的number、string、date等这些类也可以自己创建一个类别如class可以创建自定义的类当然本文我们不用。我们用interface创建接口类接口命名为People。于是我们创建的对象类型选择便可更改为People一类如 let array:People若想改为数组形式添加中括号便可如 let array:People[]。 最后我们可以对数组使用各种方法如sort、map、filter等方法。 下边源码中数组命名为people上边数组格式命名为array文字和源码对照看需要注意。
二、例子
1、源码1
// 定义一个接口 People描述一个人包含的属性
interface People {name: string; // 姓名age: number; // 年龄
}// 创建一个 People 类型的数组包含多个对象
let people: People[] [{ name: 小蜗牛764号, age: 30 },{ name: 小蜗牛765号, age: 25 },{ name: 小蜗牛766号, age: 35 }
];// 按照年龄升序排序
people.sort((a, b) a.age - b.age);
console.log(people); // 输出排序后的结果// 按照姓名字母顺序排序
people.sort((a, b) a.name.localeCompare(b.name));
console.log(people); // 输出排序后的结果// 过滤出成年人年龄大于18岁的人
const adults people.filter(person person.age 18);
console.log(adults); // 输出成年人列表// 提取所有人的姓名
const names people.map(person person.name);// 计算每个人的年龄乘以2
const names_age2_add people.map(person person.age * 2);console.log(names); // 输出所有人的姓名
console.log(names_age2_add); // 输出每个人的年龄乘以2的结果
2、源码1运行效果 三、结语
本文主要说明ts对象数组的简单使用理解也容易先理解一般数组的样子然后把数组中的普通元素变换为对象来理解便可。当然本文对于数组方法未过多讲解博主会另起博文说明。编写本文主要用于知识回顾使用后面一回顾可以短时间内捡回知识点。如此如此这般这般。 说实话ts相关的内容想把逻辑性的东西用文字表达出来好难博主原本想从let、var、const这些最简单的变量命名开始编写博文但发现难以下手现在更改为从某一部分内容入手里面添加点其他东西然后再拓展编写其他东西如此便有编写的方向。本篇由此产生。 由于笔者的能力有限创作的内容有所不足在所难免也敬请读者包涵和指出万分感谢
四、定位日期
2024-10-26 15:52