鸿蒙移动应用开发项目式教程课件 项目3-熊猫家园展示页-任务3-6 数组和页面参数

数组和页面参数

三元表达式的定义及用法

三元表达式是一种条件表达式，该表达式由“?”“:”和与其连接的3个操作数组成，也称作“三目表达式”。

语法结构：表达式1?表达式2:表达式3。任务导入知识解析学以致用课堂小结课后拓展1.1数组和页面参数执行过程如下。（1）判断表达式1是否成立。（2）如果表达式1成立（true），则将表达式2作为三元表达式的结果。（3）如果表达式1不成立（false），则将表达式3作为三元表达式的结果。注意事项如下。（1）无论比较的类型如何，必须有变量接收结果。（2）无论判断结果如何，程序运行后必须有返回值。（3）表达式1的判断结果必须为boolean类型。

数组概述

数组是可以用于存放多个数据元素的集合，在TypeScript中，数组中的数据类型必须保持一致。1．数组的定义

可以使用两种方法定义数组。

（1）在元素类型后接上“[]”，表示由此类型的元素组成一个数组。任务导入知识解析学以致用课堂小结课后拓展1.1数组和页面参数（2）使用数组泛型：Array<元素类型>。

数组概述2．数组元素的获取

数组为每个元素都分配了相应的编号，编号从0开始，第一个元素的编号为0，第二个元素的编号为1，第三个元素的编号为2，以此类推。该编号一般称作“索引”，也叫“下标”或“角标”。任务导入知识解析学以致用课堂小结课后拓展1.1数组和页面参数

数组的操作方法TypeScript是JavaScript的一个超集，它继承了JavaScript的所有特性，包括数组的操作方法，如表所示。任务导入知识解析学以致用课堂小结课后拓展1.1数组和页面参数方法说明concat()用于合并两个或多个数组，不修改原来的变量值，并返回结果forEach()对数组中的每个元素都执行一次回调函数indexOf()搜索数组中的元素，并返回元素所在的位置join()把数组中的所有元素放入一个字符串lastIndexOf()返回一个指定的字符串值最后出现的位置，在字符串中的指定位置从后向前搜索pop()删除数组的最后一个元素并返回删除的元素push()在数组的末尾添加一个或多个元素，并返回新数组的长度reverse()反转数组的元素顺序shift()删除并返回数组的第一个元素slice()选取数组的一部分，并返回一个新数组sort()对数组的元素进行排序splice()在数组中添加或删除元素toString()把数组转换为字符串，并返回结果unshift()在数组的开头添加一个或多个元素，并返回新数组的长度

数组的操作方法1．数组元素的添加

添加元素的方法较多，这里只列举两种常用的添加方法。

（1）用unshift()方法将指定元素添加到数组的开头，并返回新数组的长度。语法格式如下。任务导入知识解析学以致用课堂小结课后拓展1.1数组和页面参数

（2）用push()方法将指定的元素添加到数组的末尾，并返回新数组的长度。语法格式如下。

数组的操作方法2．数组元素的删除

删除数组中的元素可以使用shift()、pop()两种方法来实现。

（1）用shift()方法删除数组的第一个元素，并返回该元素的值。

（2）用pop()方法删除数组的最后一个元素，并返回该元素的值。上述两种方法都会更改数组的长度。任务导入知识解析学以致用课堂小结课后拓展1.1数组和页面参数

页面参数的传递Router模块提供通过不同的URL访问不同页面的功能，包括跳转到应用内的指定页面、用同应用内的某个页面替换当前页面、返回上一页面或指定的页面等。在使用Router模块进行页面跳转时，可以通过在跳转时添加参数或在跳转后接收参数的形式进行页面间的数据传递。

可以在调用Router模块的方法时，添加一个params属性，并指定一个对象作为参数，如图所示。任务导入知识解析学以致用课堂小结课后拓展1.1数组和页面参数传递参数

接收参数的方式

在目