Как преобразовать строку в boolean в машинописном тексте Angular 4

Я знаю, что я не первый, кто спрашивает об этом, и, как я упоминал в своем названии, я пытаюсь преобразовать значение строки boolean.

Я ранее помещал некоторые значения в локальное хранилище. Теперь я хочу получить все значения и назначить все для некоторых булевых переменных.

app.component.ts

localStorage.setItem('CheckOutPageReload', this.btnLoginNumOne + ',' + this.btnLoginEdit);

здесь this.btnLoginNumOne и this.btnLoginEdit являются строковыми значениями ("true, false").

mirror.component.ts

if (localStorage.getItem('CheckOutPageReload')) {
      let stringToSplit = localStorage.getItem('CheckOutPageReload');
      this.pageLoadParams = stringToSplit.split(',');

      this.btnLoginNumOne = this.pageLoadParams[0]; //here I got the error as boolean value is not assignable to string
      this.btnLoginEdit = this.pageLoadParams[1]; //here I got the error as boolean value is not assignable to string
}

в этом компоненте this.btnLoginNumOn e и this.btnLoginEdi t являются булевыми значениями;

Я пробовал решения в stackoverflow, но ничего не работало.

Может ли кто-нибудь помочь мне исправить это.

Ответ 1

Метод 1:

var stringValue = "true";
var boolValue = (/true/i).test(stringValue) //returns true

Метод 2:

var stringValue = "true";
var boolValue = (stringValue =="true");   //returns true

Метод 3:

var stringValue = "true";
var boolValue = JSON.parse(stringValue);   //returns true

Метод 4:

var stringValue = "true";
var boolValue = stringValue.toLowerCase() == 'true'; //returns true

Метод 5:

var stringValue = "true";
var boolValue = getBoolean(stringValue); //returns true
function getBoolean(value){
   switch(value){
        case true:
        case "true":
        case 1:
        case "1":
        case "on":
        case "yes":
            return true;
        default: 
            return false;
    }
}

источник: http://codippa.com/how-to-convert-string-to-boolean-javascript/

Ответ 2

Я пробовал разные значения с JSON.parse(value) и это, кажется, делает работу:

// true
Boolean(JSON.parse("true"));
Boolean(JSON.parse("1"));
Boolean(JSON.parse(1));
Boolean(JSON.parse(true));

// false
Boolean(JSON.parse("0")); 
Boolean(JSON.parse(0));
Boolean(JSON.parse("false"));
Boolean(JSON.parse(false));

Ответ 3

В вашем сценарии преобразование строки в логическое значение может быть выполнено с помощью чего-то вроде someString === 'true' (как уже было someString === 'true').

Тем не менее, позвольте мне попытаться решить вашу главную проблему: работа с локальным хранилищем.

Локальное хранилище поддерживает только строки в качестве значений; таким образом, хорошим способом его использования будет всегда сериализация ваших данных в виде строки перед сохранением их в хранилище и обратный процесс при их извлечении.

Возможно, приличный формат для сериализации ваших данных - это JSON, поскольку с ним очень легко работать в JavaScript.

Следующие функции могут, таким образом, использоваться для взаимодействия с локальным хранилищем при условии, что ваши данные могут быть сериализованы в JSON.

function setItemInStorage(key, item) {
  localStorage.setItem(key, JSON.stringify(item));
}

function getItemFromStorage(key) {
  return JSON.parse(localStorage.getItem(key));
}

Ваш пример может быть переписан как:

setItemInStorage('CheckOutPageReload', [this.btnLoginNumOne, this.btnLoginEdit]);

А также:

if (getItemFromStorage('CheckOutPageReload')) {
  const pageLoadParams = getItemFromStorage('CheckOutPageReload');
  this.btnLoginNumOne = pageLoadParams[0];
  this.btnLoginEdit = pageLoadParams[1];
}

Ответ 4

Определить расширение: String + Extension.ts

interface String {
  toBoolean(): boolean
}

String.prototype.toBoolean = function (): boolean {
  switch (this) {
    case 'true':
    case '1':
    case 'on':
    case 'yes':
      return true
    default:
      return false
  }
}

И импортируйте в любой файл, где вы хотите его использовать, '@/path/to/String + Extension'

Ответ 5

Boolean ("true") тоже сделает работу