在Typescript的服务中显示为未定义的类型

Question

我想在前端将一个字符串拆分为json格式，但我的服务和组件之间存在类型不匹配的问题。

我接收的阵列如下所示：

0:Active,1:Logged In,2:Password tries exceeded,3:Force password change,4:Expired,5:Disabled

我在控制台日志中成功地分离了阵列，但是当我想将它们设置到我的双矩阵阵列中时，它们不匹配或显示为未定义。

服务ts

import 'rxjs/add/observable/from';
import 'rxjs/add/observable/throw';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/map';

import { Injectable } from '@angular/core';
import { Headers, Http, RequestOptions } from '@angular/html" target="_blank">http';
import { UpdateGroup } from '../_models/updateGroup';


@Injectable()
export class StatusService {

    private splitList : String[];
    //parsedList : {id: String, name: String}[];
    private parsedList : String[][];
    constructor(private http: Http) {

    }

    parseList(toParse : String): String[][] {
        var fieldCount = Number.parseInt(toParse.substr(0, 1));
        toParse = toParse.substr(1);
        this.splitList = toParse.split(/(?::|,)/);
        console.log("Found string " + toParse);
        console.log("Field count is " + fieldCount);
        console.log("splitList length is " + this.splitList.length);

        for (let index = 0; index < this.splitList.length; index++) {
            console.log(this.splitList[index]);         
        }

        console.log("new length is " + this.splitList.length/fieldCount);
        this.parsedList = String[this.splitList.length/fieldCount][fieldCount]; //does not work


        for (let i = 0; i < this.splitList.length; i+=fieldCount) {
            for(let j = 0; j < fieldCount; j++)
                this.parsedList[i/fieldCount][j] = this.splitList[i+j];          
        }

        return this.parsedList;
      }
}

组成部分ts

import { StatusService } from './../../../../_services/status.service';


@Component({
  selector: 'update-form',
  templateUrl: './updateForm.html',
})

export class UpdateFormComponent implements OnInit {

  public statusList: String[][];
  public groupList: String[][];

  constructor(private http: Http, fb: FormBuilder, protected service: UpdateUserService,
    private statusService: StatusService,
    protected router: Router,
    private _location: Location,
  ) {}


ngOnInit() {

    this.formService.myUser.filter(user => user !== null)
      .subscribe(user => {

        this.statusList = this.statusService.parseList(this.myUser.STATUS_LIST);
        this.groupList = this.statusService.parseList(this.myUser.GROUP_LIST);

      });


  }
}

im获取的错误与服务和组件有关，由于某些原因，它无法读取数组以在服务中设置它

错误类型错误：无法读取属性'2'的未定义的状态ervice.push../src/app/_services/status.service.ts.状态ervice.parse列表（status.service.ts:39）在SafeSubcriber._next（updateForm.component.ts:162）在SafeS<--plhd--__tryOrUnsub（Subscriber.js:253）在SafeSubscriber.push.。/node_modules/rxjs/_esm5/内部/Subscriber.js.SafeSubscriber.next（Subscriber.js:191）在Subscriber.push.。/node_modules/rxjs/_esm5/内部/Subscriber.js.订阅者。_next（Subscriber.js:129）在Subscriber.push.。/node_modules/rxjs/_esm5/内部/Subscriber.js.Subscriber.next（Subscriber.js:93）在FilterSubscriber.push./node_modules/rxjs/_esm5/内部/操作员/filter. js。FilterSubcriber._next（filter. js： 85）在FilterSubcriber. ush.../node_modules/rxjs/_esm5/内部/订阅. js。下一步（订阅. js： 93）在行为主题。推.../node_modules/rxjs/_esm5/内部/主题。/node_modules/rxjs/_esm5/内部/行为主体。下一个问题

Answer 1

在typescript中，=用于赋值，而不是指定类型。

当你这样做时：

this.parsedList = String[this.splitList.length/fieldCount][fieldCount]

正在尝试为此赋值的。parsedList，但它失败了，因为没有名为字符串的变量（因为它是一种类型，而不是一个值）。

相反，由于数组在js/typescript中是动态调整大小的，因此您可以这样分配：

this.parsedList = [];

这将创建一个一维数组。然后在循环中，您可以执行以下操作：

for (let i = 0; i < this.splitList.length; i+=fieldCount) {
    this.parsedList[i/fieldCount] = []; // Assign an array to make it a 2d array
    for(let j = 0; j < fieldCount; j++)
        this.parsedList[i/fieldCount][j] = this.splitList[i+j];          
}