如何在typescript Angular 4中将字符串转换为布尔值

Question

我知道我不是第一个问这个问题的人，正如我在标题中提到的，我正在尝试转换字符串值布尔值。

我之前已经将一些值放入本地存储，现在我想获取所有值并将所有值赋给一些布尔变量。

应用程序。组成部分ts

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

这里是这个。btnLoginNumOne和这个。btnLoginEdit是字符串值（“true，false”）。

镜子组成部分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.btnLoginNumOne和this.btnLoginEdit是布尔值；

我在stackoverflow中尝试了这些解决方案，但没有任何效果。

有人能帮我解决这个问题吗？

Answer 1

在您的场景中，可以通过类似于someString==“true”的方式将字符串转换为布尔值（正如已经回答的那样）。

然而，让我来谈谈您的主要问题：处理本地存储。

本地存储只支持字符串作为值；因此，使用它的一个好方法是在将数据存储在存储中之前始终将数据序列化为字符串，并在获取数据时反转该过程。

在JSON中序列化数据的一种可能不错的格式是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]);

以及：

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

Answer 2

我一直在用JSON尝试不同的值。解析（值），它似乎可以完成以下工作：

// 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));

Answer 3

方法一：

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

方法二：

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

方法三：

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

方法四：

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/