Как сказать TypeScript, что в массиве нет undefined? - PullRequest
Новая
       133

Как сказать TypeScript, что в массиве нет undefined?

0 голосов
/ 06 августа 2020

У меня ошибка: Тип (строка | undefined) [] не может быть присвоен типу строка | строка [] | undefined, потому что моя функция this.errors получает строку типа | строка [] | неопределенный. Но прежде чем вернуть массив, я отфильтровал его с помощью 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,
  };
};

Метод суперкласса: 

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

Можете ли вы сказать мне, пожалуйста, как мне избавиться от этой ошибки?

Ответы [ 2 ]

1 голос
/ 06 августа 2020

Насколько я понимаю, у вас есть два значения: 

const foo: (string | undefined)[] | undefined = 'hello foo';
const bar: string | string[] | undefined = 'hello bar';

Как вы могли заметить, переменная bar может быть string, а переменная foo не может. переменная foo может быть массивом строк или неопределенных или неопределенных вообще.

Более простой пример: 

const fn = (arg: string)=>arg;
const result = fn(undefined) // error;

Вы не можете передать undefined функции, которая ожидает string

Я думаю, вам следует изменить ваши типы или разрешить одному из ваших значений быть типом string ; Учтите, что вы можете использовать тип any или оператор as, но это обман.

0 голосов
/ 06 августа 2020

Вы когда-нибудь слышали о приведении типов (точнее, это скорее утверждение типа в TS из-за природы JS 'Dynami c)? Похоже, это то, что вам здесь нужно, есть два способа сделать это, которые дают в основном тот же результат: 

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

Это работает везде, вы также можете делать такие вещи, как 

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

Подробнее об этом можно прочитать здесь

...