对除最后一个值以外的所有值使用过滤器

如何解决对除最后一个值以外的所有值使用过滤器

我正在JavaScript中使用Map函数来从JSON对象获取数据。除了最后的条目，我要所有。我怎么做？ （例如，在for ...循环中，我可以执行array.length-1以避免最终值）

目标是获取环境区域的所有值，除了最后一个值：

Air pollution and emissions: 27
Drilling and extraction: 19
Infrastructure and planning: 13
Animals: 12
Water pollution: 11
Toxic substances and safety: 8
Other: 10 // I do not want this value

我在下面编写了此函数，以获取有关环境区域的所有值。

let x = summary.map(function (item) {
  return item['Environmental Areas'] + ': ' + item.Total + '<br />';
});
 
The JSON array of objects is -

var summary = [
  {
    'Environmental Areas': 'Air pollution and emissions',Completed: '19','In progress': '8',Total: '27',},{
    'Environmental Areas': 'Drilling and extraction',Completed: '11',Total: '19',{
    'Environmental Areas': 'Infrastructure and planning',Completed: '12','In progress': '1',Total: '13',{
    'Environmental Areas': 'Animals',Total: '12',{
    'Environmental Areas': 'Water pollution',Completed: '4','In progress': '7',Total: '11',{
    'Environmental Areas': 'Toxic substances and safety',Completed: '6','In progress': '2',Total: '8',{
    'Environmental Areas': 'Other',Completed: '5','In progress': '5',Total: '10',{
    'Environmental Areas': 'All',Completed: '68','In progress': '32',Total: '100',];

解决方法

也许您可以复制阵列，然后删除最后一个？ 您可以使用散布运算符和拼接来完成此操作，如下所示：

var mySummary = [ ...summary ]; // Copy the array. Note: This is an ES6 feature.
mySummary.splice(-1,1); // Remove the last element

然后，您只需在mySummary上使用map（或您想要的任何名称）。如果可以承受丢失最终条目的负担，还可以使用原始数组，然后可以跳过第一行并使用{{1} }

,

您可以像这样过滤

let x = summary.filter((_,index) => index != summary.length - 1 ).map(function (item) {
  return item['Environmental Areas'] + ': ' + item.Total + '<br />';
});

,

似乎您有一个物体

let objs = [{
 'Air pollution and emissions': 27,'Drilling and extraction': 19,'Infrastructure and planning': 13,'Animals': 12,'Water pollution': 11,'Toxic substances and safety': 8,'Other': 10,

}]

如果您不需要“其他”属性，请尝试这种方式

let newObjs = objs.map(obj => {
 const {Other,...newObj} = obj
 return newObj
})

结果将给出没有其他属性的相同obj

,

你是说那个？

const summary = 
      [ { 'Environmental Areas': 'Air pollution and emissions',Completed: '19','In progress':  '8',Total:  '27' },{ 'Environmental Areas': 'Drilling and extraction',Completed: '11',Total:  '19' },{ 'Environmental Areas': 'Infrastructure and planning',Completed: '12','In progress':  '1',Total:  '13' },{ 'Environmental Areas': 'Animals',Total:  '12' },{ 'Environmental Areas': 'Water pollution',Completed:  '4','In progress':  '7',Total:  '11' },{ 'Environmental Areas': 'Toxic substances and safety',Completed:  '6','In progress':  '2',Total:   '8' },{ 'Environmental Areas': 'Other',Completed:  '5','In progress':  '5',Total:  '10' },{ 'Environmental Areas': 'All',Completed: '68','In progress': '32',Total: '100' } 
      ] 

const result = Object.fromEntries(
                  summary.filter(x=>x['Environmental Areas']!='Other' && x['Environmental Areas']!='All')
                        . map(e=>[e['Environmental Areas'],e.Total]))

console.log( result)

,

如果您确实要删除文字上的最后一项，那么它将起作用：

// Remove the last item,literally,before mapping:
let x = summary.slice(0,-1).map(function (item) {
  return item['Environmental Areas'] + ': ' + item.Total + '<br />';
});

console.log(x)

但这不是一个非常可靠的解决方案。 JSON是否会在 不同的顺序？某天会添加或删除数据吗？

一个更好的方法是考虑为什么我们要删除最后一个项目和代码 。如果删除最后一项的原因是环境区域 'All'，然后进行明确检查：

let y = summary
  // Remove the item for 'All' Environmental Areas
  .filter((item) => item['Environmental Areas'] !== 'All')
  // Now map over the filtered results to generate markup
  .map((item) => item['Environmental Areas'] + ': ' + item.Total + '<br />')

console.log(y)

现在，如果JSON有效负载的顺序更改，逻辑将不会中断。它 是基于数据的语义，而不是诸如订单之类的物流细节。

您还可以使用Array.reduce一起做所有事情：

let z = summary.reduce((accumulator,item) => {
  const area = item['Environmental Areas']
  if (area !== 'All') {
    accumulator.push(`${area}: ${item.Total}<br />`)
  }
  return accumulator
},[])

console.log(z)

这三个片段均返回相同的结果：

// x
[
  'Air pollution and emissions: 27<br />','Drilling and extraction: 19<br />','Infrastructure and planning: 13<br />','Animals: 12<br />','Water pollution: 11<br />','Toxic substances and safety: 8<br />','Other: 10<br />'
]

// y
[
  'Air pollution and emissions: 27<br />','Other: 10<br />'
]

// z
[
  'Air pollution and emissions: 27<br />','Other: 10<br />'
]

,

您可以将其限制为reduce函数中除最后一个值之外的所有值。当您到达最后一个元素时，什么都不做。

let x = summary.reduce(function(acc,item,i) {
  if (i === summary.length - 1) return acc;
  return acc.push(item['Environmental Areas'] + ': ' + item.Total + '<br />')
  return acc;
},[]);