TypeScript数组的多种定义方式

TypeScript数组的多种定义方式

• • 1. 1种类型时
  • 2. 多种类型时
  • 3. 泛型的写法
  • 4. 泛型的写法
  • 5. 接口的写法
  • 6. 接口的写法
  • 7. 使用元组的方式，定义数组
  • 8. 类数组的类型，使用系统定义的IArguments
  • 9. 类数组的类型，使用自定义的接口
  • <font color = "#008c8c">--- 已完结 ---

1. 1种类型时

let list1: (number)[] = [1, 2, 3];
list1.push(5);
console.log('list1', list1); // list1 [ 1, 2, 3, 5 ]

2. 多种类型时

let list2: (number | string)[] = [1, 2, 3, '3'];
console.log('list2', list2); // list2 [ 1, 2, 3, '3' ]

3. 泛型的写法

let list3: Array<number> = [1, 2, 3];
console.log('list3', list3); // list3 [ 1, 2, 3 ]

4. 泛型的写法

let list4: Array<number | string> = [1, 2, 3, '4'];
console.log('list4', list4); // list4 [ 1, 2, 3, '4' ]

5. 接口的写法

interface List5 {
  [index: number]: number
}
let list5: List5 = [1, 2, 3, 4, 5];
console.log('list5', list5); // list5 [ 1, 2, 3, 4, 5 ]

6. 接口的写法

interface List6 {
  [index: number]: number | string
}
let list6: List6 = [1, 2, 3, 4, 5, '6'];
console.log('list6', list6); // list6 [ 1, 2, 3, 4, 5, '6' ]

7. 使用元组的方式，定义数组

const list7: [string, number] = ['1', 2];
console.log('list7', list7); // list7 [ '1', 2 ]

8. 类数组的类型，使用系统定义的IArguments

function test() {
  // IArguments：这个是ts内部定义好的interface接口
  /* 
    在IArguments身上按住ctrl + 鼠标左键可以看到：
      interface IArguments {
        [Symbol.iterator](): IterableIterator<any>;
      }
  */
  let args: IArguments = arguments;
}
test();

9. 类数组的类型，使用自定义的接口

interface Args {
  // 方式一：
  // [Symbol.iterator](): IterableIterator<any>;

  // 方式二：
  [index: number]: any;
  length: number;
  callee: Function;
}


function test1() {
  let args: Args = arguments
}
test1();

— 已完结 —