从地图中设置变量

Question

我有以下代码：

let pa = 0;
let pw = 0;
let pc = 0;
let pi = 0;
let pr = 0;

this.state.array.data.map((i) => {
  if (i.mdn === this.queryParams.mdn && i.sources != null) {
    return (i.sources.map((sources) => {
      if (sources.source.toString().toLowerCase() === "a") {
        pa = sources.t.sessions.u
      }
      if (sources.source.toString().toLowerCase() === "w") {
        pw = sources.t.sessions.u
      }
      if (sources.source.toString().toLowerCase() === "c") {
        pc = sources.t.sessions.u
      }
      if (sources.source.toString().toLowerCase() === "i") {
        pi = sources.t.sessions.u
      }
      if (sources.source.toString().toLowerCase() === "r") {
        pr = sources.t.sessions.u
      }
    }))
  }
},

this.setState({
  web: [],
  app: [],
  preference: [{a: pa}, {w: pw}, {c: pc}, {i: pi}, {r: pr}]
}),

一旦我设置状态，它实际上并没有设置它，它只需要 0 并在那里抛出 throws。

Answer 1

不要使用Array.prototype.map，而是尝试Array.prototype.forEach并按键设置偏好对象。

要保留键的顺序，请创建所需顺序的数组。

let order = [ 'a', 'w', 'c', 'i', 'r' ];
    preference = {
      a : 0,
      w : 0,
      c : 0,
      i : 0,
      r : 0 
    };

this.state.array.data.forEach((item) => {
  if (item.mdn === this.queryParams.mdn && item.sources != null) {
    return item.sources.forEach((entry) => {
      var key = entry.source.toString().toLowerCase();
      preference[key] = entry.t.sessions.u;
    });
  }
});

this.setState({
  web: [],
  app: [],
  preference: order.map(key => ({ [key] : preference[key] }));
}),

Answer 2

我在这里做出很大的假设，因为您从未提供过输入，而我只是在讨论您在 cmets 中提到的事情。

我现在真正认为应该是一个简单的发现和一张地图

const lookup = []
const data = this.state.array.data

const content = data.find(obj => obj.mdn === this.queryParams.mdn && obj.sources
let preferences = defaultValues //<-- define defaultValues
if (content) {
  preferences = content.sources.map(({source, t}) =>
    ({ [lookup[source.toLowerCase()]] : t.sessions.u })
}
this.setState({ preferences })

如果 mdn 可以包含多个，则需要 forEach 和其他一些附加逻辑。

Answer 3

正如胡安·门德斯指出的那样；如果每个变量只能找到一项，您可以简单地使用特定于该变量的查找操作。对于每个变量，它看起来像这样；

const someArray = [{ property: "a", text: "lorem"}, { property: "b", text: "ipsum"}]

const pa = someArray.find(function(item) {
  return item.property === 'a'
})

console.log(pa)

如果您没有确切的一次查找操作；使用 Array.forEach() 而不是 Array.map()，因为 map 中的回调应该返回一个值，而您可以使用 forEach 修改（不同的）变量。

例如：

let pa = 0

const someArray = ['lorem', 'ipsum', 'dolor']
someArray.forEach(function(word) {
  pa = word
})

console.log(pa)