用接口来表示对象,现在我们来说说数组的 5 种表示方法
1.数组 + [ ]
const arrNum: number[] = [1, 2, 3, 4]
const arr: [number, string, number] = [1, '2', 3]
console.log(arrNum)
console.log(arr)
arrNum.push('5')
注意: 如果你想push 一个 非数字就会报错。
2.泛型表示
const arrNum1: Array<number> = [5, 6, 7, 8, 9]
console.log(arrNum1)
这边等我看到泛型,在细品。
3.接口表示
interface arrNumFace {
[index: number]: number
const arrNum2: arrNumFace = [10, 11, 12, 13, 14]
console.log(arrNum2)
是不是感觉和接口的 任意属性差不多 , 这个就表示 用 序号为key 的就是数组。
4.类数组 (例如 aguments)
function arrNum3() {
let argu: number[] = arguments
return argu
interface argum {
[index: number]: number
length: number
callee: Function
function arrNum4() {
let argum1: argum = arguments
return argum1
事实上常用的类数组都有自己的接口定义,如 IArguments, NodeList, HTMLCollection 等
5.any 类型表示数组
const arrNum5: any[] = [1, '2', {}, [1, 2, 3, 4], () => {}]
果然爽啊! , 还有很多点要做项目才知道啊!!!
用接口来表示对象,现在我们来说说数组的 5 种表示方法1.数组 + [ ]// 1, 类型加括号表示const arrNum: number[] = [1, 2, 3, 4]const arr: [number, string, number] = [1, '2', 3]console.log(arrNum) // [1,2,3,4]console.log(arr) // [[1, '2', 3]] arrNum.push('5') // 报错 : 类型“string”的参数不能赋给类型“nu
1.首先在子组件中使用defineEmits定义emit并定义事件名称,然后定义传值的方法,通过例如点击来触发方法从而调用emit来把值绑到事件上传给父组件。并且在最后通过defineExpose({})来暴露你想给ref看到的值
2.父组件中通过在子组件标签内使用@来接收事件,并且给子组件使用ref赋值,然后在setup中使用ref(null)声明该值。接收事件后触发的方法中使用 ref赋值.value.['值'] 来接收子组件传过来的值。在本文中为Sons.value.['toF']。...
文章目录变量声明基本类型
TypeScript支持var、let、const声明变量,我们知道,JavaScript是弱类型语言,声明变量时不指定变量的数据类型,可以给变量赋予任何数据类型的值,TypeScript与JavaScript不同的是在使用var、let、const声明变量时,可以指定变量的基本类型(当然也可以不指定)。例如:
var a:number;
a = 123;
le...
在我用react + typescript写项目的时候,ts总会报一些类型的错误,比如下图的错误:Type ‘string | string[]’ is not assignable to type ‘string | undefined’.
在我确定我的类型是正确的情况下不理解为啥报这样一个错,在网上找了很久,就是加类型断言,解决方法如下图:(值 as 类型)
这样就不会报错拉。
关于typescript类型断言,整理知识点如下:
typescript很强大,但是用不好时也会很头痛,开发遇到类型错误的
1、java.lang.ClasscastException @ 类型转化异常
2、java.lang.NullpointerException @ 空指针异常
3、IndexOut0fBoundsException @ 数组下标越界异常
4、NumberFormatException @ 数字格式化异常
一、常用DOS命令
1、mkdir 目录名 @
```typescript
let myArray: number[] = [1, 2, 3]; // 初始化一个包含数字的数组
let myArray: Array<string> = ["apple", "banana", "orange"]; // 使用泛型声明一个包含字符串的数组
3. 访问和修改数组元素:
```typescript
let myArray: number[] = [1, 2, 3];
console.log(myArray[0]); // 输出第一个元素:1
myArray[1] = 5; // 修改第二个元素为5
4. 数组方法:
TypeScript提供了许多内置数组方法来操作和处理数组。一些常用的方法如下:
```typescript
let myArray: number[] = [1, 2, 3];
myArray.push(4); // 向数组末尾添加元素
myArray.pop(); // 删除并返回数组末尾的元素
myArray.length; // 获取数组的长度
myArray.concat([5, 6]); // 连接两个数组
myArray.slice(1, 3); // 返回从索引1到索引3(不包括索引3)的子数组
myArray.splice(1, 2); // 删除从索引1开始的2个元素,并返回被删除的元素
myArray.forEach((element) => {
console.log(element); // 遍历数组并输出每个元素
这些只是一些基本的操作,TypeScript还提供了更多高级的数组操作方法。你可以根据自己的需求选择合适的方法来操作数组。