javascript - 如何告诉 TypeScript Array 中没有 undefined？

Question

我有错误:Type (string | undefined)[] is not assignable to type string |字符串[] |未定义，因为我的函数 this.errors 得到类型 string |字符串[] |不明确的。但在返回数组之前，我用 undefined 过滤了它。这意味着没有未定义的。并且该值可以是字符串或未定义。 setErrors 的定义返回错误数组。 这是我的错误:

这是我的功能:

    this.setErrors(() => {
      const errors = validators.map(val => val(this.inputValue));
      const filteredErrors = errors.filter(el => el);

      return filteredErrors && filteredErrors.length !== 0 ? filteredErrors : undefined;
    });

验证器:

const REGEXP_UPPERCASE = /[A-Z]/;
const REGEXP_LOWERCASE = /[a-z]/;
const REGEXP_ONE_DIGIT = /.*[0-9].*/;

export const newPasswordValidators = (args: { min: number; max: number }) => {
  const { min, max } = args;
  return {
    minMaxLength: (value?: string) => value && value.length < min || value.length > max ? 'Not valid length' : undefined,
    requiredToFill: (value?: string) => !value ? 'Required to fill.' : undefined,
    uppercaseLetter: (value?: string) => value && !REGEXP_UPPERCASE.test(value) ? 'Use at least one uppercase letter.' : undefined,
    lowercaseLetter: (value?: string) => value && !REGEXP_LOWERCASE.test(value) ? 'Use at least one lowercase letter.' : undefined,
    atLeastOneDigit: (value?: string) => value && !REGEXP_ONE_DIGIT.test(value) ? 'Use at least one digit.' : undefined,
  };
};

父类(super class)方法:

  public setErrors(errors: string | string[] | undefined | (() => (string | string[] | undefined))) {
    this._errors = errors;
  }

你能告诉我如何摆脱这个错误吗？

Answer 1

你听说过类型转换吗(准确地说，由于 JS 的动态特性，它更像是 TS 中的类型断言)？听起来这就是你在这里需要的，有两种方法可以产生基本相同的结果:

const x: string[] = <string[]>strAndUndefinedArr;
const y: string[] = strAndUndefinedArr as string[];

这在任何地方都有效，你也可以做类似的事情

functionCall(<string[]>arr); //or functionCall(arr as string[])

您可以阅读更多关于此 here 的信息