Javascript|Typescript:常用数组实例

122 阅读2分钟

在这篇博文中,我们将学习Typecript和javascript中的数组示例

数组是存储在一个名称下的元素/对象的集合。 数组的大小是固定的。正如你所知道的,在typescript的数组中找出元素是有要求的。

类型脚本的例子 | Javascript的例子

以下是经常使用的数组例子的列表

如何从数组中删除一个元素或对象

这个例子显示了如何

  • 使用Array.prototype.splice函数从一个数组中删除/移除元素
  • 首先使用findIndex()函数找到一个数组中元素的索引
  • 使用splice()函数从数组中删除元素
var arrayStrings = new Array("one", "two", "there", "four");   
var deleteElement = "one";  
let index = this.arrayStrings.findIndex(d => d === deleteElement);   
this.arrayStrings.splice(index, 1);  
console.log(arrayStrings );  

输出是

0: "two"  
1: "there"  
2: "four" 

如何创建静态类型的函数或回调数组

这个例子显示

  1. 如何创建一个接口数组
  2. 如何创建一个回调或函数的类型数组

首先,创建一个接受字符串并返回void的接口函数 创建一个接口数组

interface MyInterface {  
    (name: string): void;  
}  
var mycallback: MyInterface[] = [];  
console.log(mycallback)  

或者我们也可以使用类型化数组字面语法来创建一个函数数组

  
var myNewFunction: { (name: string): void; } [];  

如何从一个数组中检索最后一个元素或对象

这个例子显示了

  • 使用array.length-1函数检索数组的最后一个元素
  • 如何使用Array.length-1元素找到一个数组的长度
  • 获取数组的最后一个元素| array.pop()方法
var arrayStrings = new Array("one", "two", "there", "four");   
console.log(arrayStrings[arrayStrings.length-1] );  
console.log(arrayStrings.pop() );  

输出是

four  
four  

如何在typescript类中创建一个静态数组

这个例子显示

  1. 创建一个类的静态私有数组
  2. getSize方法使用length函数返回静态数组的大小。
class MyClass {  
    private static stringArray: string[] = ["one", "two", "three","four"];  
    getSize(): number {  
        return MyClass.stringArray.length;   
    }  
}  
var myobject = new MyClass();  
console.log(myobject.getSize());  

输出是

3