将对象推入Object Array - Typescript

Question

此处遇到一些代码问题。构建应用程序，但在如何使用数组对象方面遇到困难。我提供了NgInit {}以上的代码。并提供了我在Xcode中获得的TS错误。

完整组件

import { Component, OnInit } from '@angular/core';
import { Ticker } from '../TickerType'; 
import { ConversionService } from '../Conversion.service';
import {Observable} from 'rxjs/Rx';
import {resultsType} from './resultsTypeInterface';
@Component({
  selector: 'app-contents',
  templateUrl: './contents.component.html',
  styleUrls: ['./contents.component.scss']
})
export class ContentsComponent implements OnInit{

//Will hold the data from the JSON file


  // Variables for front end
 cryptoSelected : boolean = false;
 regSelected : boolean = false;
 step2AOptions : any[] = [
      {name: "make a selection..."},
      {name: "Bitcoin"},
      {name: "DASH"},
      {name: "Etherium"}  
    ]; // step2AOptions
 step2BOptions : any[] = [
      {name: "make a selection..."},
      {name: "CAD"},
      {name: "USD"} 
    ]; // step2BOptions
 step2Selection: string;
 holdings: number = 10;

coins: any[] = ["BTC_ETH", "BTC_DASH"];
ticker: Ticker[];
coinResults: resultsType[] =[]; 
currencyExchange:any[] = [];   

  constructor( private conversionService: ConversionService ) { 

  }

错误

Argument of type '{ name: string; amount: any; }[]' is not assignable to parameter of type 'resultsType'.
  Property 'name' is missing in type '{ name: string; amount: any; }[]'.

这发生在下面的代码中。我想要做的是将这些对象推入一个对象数组，以便我可以访问类似的属性。

console.log(coinsResults[0].name);

代码

ngOnInit(){
  this.conversionService.getFullTicker().subscribe((res) => {this.ticker = res;

  for(var j = 0; j<= this.coins.length-1; j++)
  {
    var currencyName: string = this.coins[j];
    if(this.ticker[currencyName])
    {
      var temp = [{name: currencyName, amount: this.ticker[currencyName].last} ]
      this.coinResults.push(temp)
    }
  }//end the for loop
  }); //end the subscribe function                                                       
 this.conversionService.getFullCurrencyExchange().subscribe( (res) => {this.currencyExchange = res["rates"]
  });
  console.log(this.coinResults);
}// End OnInit

Answer 1

coinResults被声明为resultsType的数组，因此它的push方法只接受resultsType类型的参数。但是，您尝试将{{1>}的数组推送到resultsType（请注意方括号）：

coinResults

松开// temp is resultsType[] var temp = [{name: currencyName, amount: this.ticker[currencyName].last} ] // but coinResults.push() accept only resultsType this.coinResults.push(temp) 行中对象文字周围的方括号。

Answer 2

由于Array.push签名定义为重置参数Array.push(array)，因此您无法将数组传递给push(...items: T[])，而是使用Array.push（item）。

var temp = {name: currencyName, amount: this.ticker[currencyName].last}; 
this.coinResults.push(temp);

使用点差运算符：...

var temp = [{name: currencyName, amount: this.ticker[currencyName].last} ];
this.coinResults.push(...temp);