ES5 vs ES6 Javascript for Arrays

Question

我想將以下內容轉換爲工作模式，但我認爲這是一個Es5/ES6問題。幫助讚賞。

this.rows = Array.from(Array(Math.ceil(this.subCategoryModels.length/3)).keys()); 

我目前得到typscript錯誤：

[ts] 
Property 'from' does not exist on type 'ArrayConstructor'. 
any 

和

[ts] 
Property 'keys' does not exist on type 'any[]'. 
any 

Answer 1

既然你看到這些錯誤，我假設你的源文件ES5。您可以使用typings使Typescript識別陣列的es2015函數。

首先，安裝typings（如果尚未安裝）。

npm install typings --global

一旦你安裝了分型，安裝ES2015陣列功能型類型定義。

typings install -SG env~es2015-array

如果你的目標是不支持新的磁盤陣列功能的瀏覽器，你還需要添加填充工具。

Answer 2

屬性'from'在類型'ArrayConstructor'上不存在。

這表明您希望使用ES6類型定義，同時仍編譯爲ES5。

推薦打字稿中lib選項最新：

"compilerOptions": { 
    "target": "es5", 
    "lib": ["es6", "dom"] 
} 

更多

https://basarat.gitbooks.io/typescript/content/docs/types/lib.d.ts.html#lib-option

Answer 3

最後我做了以下內容：

HTML

<ion-row *ngFor="let trio of getTriples()"> 
    <ion-col *ngFor="let item of trio" (click)="itemTapped(item)"> 
     <div class="row responsive-md"> 
     <div id="icon-image-{{item.id}}"><img src="data:image/png;base64,{{item.icon}}" height="75" width="75" /></div> 
     <p>{{item.name}}</p> 
     </div> 
    </ion-col> 
    </ion-row> 

打字稿

getTriples() { 
    let triples = []; 
    let length = this.subCategoryModels.length; 
    for (let i = 0; i < length; i += 3) { 
     let trio = []; 
     trio.push(this.subCategoryModels[i]); 
     if (i + 1 < length) { 
     trio.push(this.subCategoryModels[i + 1]); 
     } 
     if (i + 2 < length) { 
     trio.push(this.subCategoryModels[i + 2]); 
     } 
     triples.push(trio); 
    } 
    return triples; 
    }