Question

如何解析数组中的true和false字符串以在Javascript中变成布尔值？

例如，

来自：

{"id":1,"dashboardId":1,"w":2,"h":2,"x":0,"y":0,"i":"n0","minW":1,"minH":1,"maxH":1000,"moved":"false","static":"false","widget":"Photo"}

收件人：

{"id":1,"dashboardId":1,"w":2,"h":2,"x":0,"y":0,"i":"n0","minW":1,"minH":1,"maxH":1000,"moved":false,"static":false,"widget":"Photo"}

moved和static中的值必须为布尔值，但它们以字符串形式出现。有办法只更改那些值吗？

这是我获取数组的函数：

loadData = () => {

    let dashboardId = 1;

    return axios
        .get('api/dashboards/' + dashboardId)
            .then(result => {

                //@TODO Parse true and false strings to become booleans

                console.log(result);
                this.setState({
                    items: result.data,
                    selectedOption: '',
                    newCounter: originalLayouts.length
                });
            })
            .catch(error => {
                console.log(JSON.stringify(this.state.items));
                console.error('error: ', error);
            })
};

Answer 1

将数组中的真假字符串解析为布尔值

数组中的字符串，您说呢？使用Array.map()

进行迭代

const items = ["true", "false", "something else"]

const booleans = items.map(boolFromStringOtherwiseNull)
console.log({items, booleans}) // show result

function boolFromStringOtherwiseNull(s) {
  if (s == 'true') return true
  if (s == 'false') return false
  return null
}

对象？使用Object.values()

进行迭代

const data = {"id":1,"dashboardId":1,"w":2,"h":2,"x":0,"y":0,"i":"n0","minW":1,"minH":1,"maxH":1000,"moved":"false","static":"false","widget":"Photo"};

const booleans = Object.values(data).map(boolFromStringOtherwiseNull); // convert
console.log({data, booleans}); // show result

function boolFromStringOtherwiseNull(s) {
  if (s == 'true') return true
  if (s == 'false') return false
  return null
}

仅转换个布尔字符串，并保持原始Object的结构？

const data = {"id":1,"dashboardId":1,"w":2,"h":2,"x":0,"y":0,"i":"n0","minW":1,"minH":1,"maxH":1000,"moved":"false","static":"false","widget":"Photo"}

const result = Object.entries(data)
  .map(boolFromStringOtherwiseNoOp)    // convert 'boolean strings' to boolean
  .reduce(gatherObjectFromEntries, {}) // collect all entries into 1 object

console.log({data, result});           // result is an object where non-boolean-strings are untouched.

function boolFromStringOtherwiseNoOp([key, value]) {
  if (value == 'true') return [key, true]
  if (value == 'false') return [key, false]
  return [key, value]
}

function gatherObjectFromEntries(accumulation, [key, value]) {
  accumulation[key] = value
  return accumulation
}

希望这会有所帮助。干杯，

Answer 2

for(key in a){

   a[key] == "true" ? a[key] = true : a[key] == "false" ?  a[key] = false : ''; 

}

您可以简单地在对象上循环并使用三元运算符，使其简洁明了， where a is your original object

Answer 3

您可以迭代对象，并严格检查"false"或"true"的值，然后手动将其解析为布尔值。

例如

function mapObjectValues (obj = {}) {
    for (var key in obj) {
      var val = obj[ key ];
      
      if (val === "false") {
          obj[ key ] = false;
      }
      else if (val === "true") {
          obj[ key ] = true;
      }
    }
}

var tmp = {
  "id": 1,
  "dashboardId": 1,
  "w": 2,
  "h": 2,
  "x": 0,
  "y": 0,
  "i": "n0",
  "minW": 1,
  "minH": 1,
  "maxH": 1000,
  "moved": "false",
  "static": "false",
  "widget": "Photo"
};

mapObjectValues(tmp);

console.log(tmp);

Answer 4

您可以遍历对象键，然后比较这些布尔字符串并将实际的Boolean值分配给该属性：

var data = {"id":1,"dashboardId":1,"w":2,"h":2,"x":0,"y":0,"i":"n0","minW":1,"minH":1,"maxH":1000,"moved":"false","static":"false","widget":"Photo"};
Object.keys(data).forEach((key) => {
  if(data[key] === 'false'){
    data[key] = false;
  }
  if(data[key] === 'true'){
    data[key] = true;
  }
});
console.log(data);

Answer 5

您可以这样做：

var data = { "id": 1, "dashboardId": 1, "w": 2, "h": 2, "x": 0, "y": 0, "i": "n0", "minW": 1, "minH": 1, "maxH": 1000, "moved": "false", "static": "false", "widget": "Photo" };
Object.keys(data).forEach((key) => {
    if (data[key] === 'false' || data[key] === 'true') {
        data[key] = JSON.parse(data[key]);
    }
});
console.log(data);

`

如何将数组中的真假字符串解析为布尔值

5 个答案: