对循环 JavaScript 的数组中的元素进行分类

Question

我是JS的新手

我有一个数组和一个同一数组的对象。

我想将总数获取到特定类别。

例如：

1.Critical: from 30-45
2.High: from 16-27
3.Medium: from 5-15 
4.Low:from 3-4

数组布局我有两种格式。

从浏览器：

slect_score
[{…}]0:
4: 1
5: 3
15: 6
20: 1
30: 2
45:2
__proto__: Objectlength: 1__proto__: Array(0)

从浏览器：

score_map
{4: 1, 5: 3, 15: 6, 20: 1, 30: 2, 45: 2}
__proto__:Object

总而言之，我想对数字进行分组，并获取每个类别的出现总数。

对于上面的例子：我应该有：

1.Critical: 4
2.High: 1
3.Medium: 9
4.Low: 1

这是我的代码：我正在尝试将其插入 Django 模板：

var score = document.getElementById("score").innerHTML;
var score_array = [score.split(",").map(Number)];
var score_array_a = score_array[score_array.length -1];
var score_array_b = score_array_a.slice(0, -1);
var score_sum = score_array_b.reduce(function(a, b){ return a +                         
b;}, 0);
var score_avg = parseFloat(score_sum / score_array_b.length);


var score_map = score_array_b.reduce(function(obj, b) {
obj[b] = ++obj[b] || 1;
return obj;
}, {});
var slect_score = new Array(score_map);

在我的 Django 模板中：

<p  id=score>
{% for asset in self.get_children %}{% for finding in        
asset.get_children.specific %}
{% with finding.Identification|mul:Reconize                 
as ID_REC %}{{ID_REC|mul:Impact}},{% endwith %}{% 
endfor %}{% endfor %}
</p>

Django 元素主要用于计算，并获取每个页面的数量及其计算

答案贝古尔先生的法典。以及我获取每个类别总数的方式。

var score = document.getElementById("vul_score").innerHTML;
var score_array = [score.split(",").map(Number)];
var score_array_a = score_array[score_array.length -1];
var score_array_b = score_array_a.slice(0, -1);
var score_sum = score_array_b.reduce(function(a, b){ return a +         
b;}, 0);
var score_avg = parseFloat(score_sum / score_array_b.length);

var score_map = score_array_b.reduce(function(obj, b) {
obj[b] = ++obj[b] || 1;
return obj;
}, {})

var scoore = Object.entries(score_map).map(e => Object.assign(e, {         
0: +e[0]                 }));
const scores = [{
name: 'critical',
low: 30,
high: 45,
count: 0
},{
name: 'high',
low: 16,
high: 27,
count: 0
},{
name: 'medium',
low: 5,
high: 15,
count: 0
},{
name: 'low',
low: 3,
high: 4,
count: 0
}]
const score_map_keys = Object.keys(score_map);
scores.forEach(s  => {
score_map_keys.forEach(key => {
let count = score_map[key];
if (key >= s.low && key <= s.high) {
s.count = s.count+count
}
});
})

并获取我所做的每个类别的总数：

[scores[0].count, scores[1].count, scores[2].count, scores[3].count]

我真的要感谢贝尔古尔先生。

Answer 1

有几种方法可以实现此目的。这是一种方法。

1-您有评分系统，但您需要以代码可以读取的方式安排它。

一种方法是：

const scores = [{
name: 'critical',
low: 30,
high: 45,
count: 0
},{
name: 'high',
low: 16,
high: 27,
count: 0
},{
name: 'medium',
low: 5,
high: 15,
count: 0
},{
name: 'low',
low: 3,
high: 4,
count: 0
}]

这里有一个对象数组。每个对象都有 4 个属性：名称、允许的最高值、允许的最低值和当前计数。我们将在后面的代码中对其进行修改。

2-我们可以用.forEach遍历该数组

scores.forEach(scoreObject => {
console.log('This is '+ scoreObject.name)
console.log('Highest value is '+ scoreObject.high)
console.log('Lowest value is '+ scoreObject.low)
})

3-您也有每个分数的计数，但您必须能够循环播放以将其全部相加。这是一个javascript对象，循环javascript对象的最佳方法是使用Object.keys。

const score_map = {
4: 1,
5: 3,
15: 6,
20: 1,
30: 2,
45: 2
}
const score_map_keys = Object.keys(score_map);

4-我们可以循环浏览所有分数计数。

score_map_keys.forEach(key => {
let count = score_map[key];
console.log('Key ' + key + ' has value ' + count);
});

5-现在我们可以把它们放在一起。对于每个分数，我们需要通过计数并将它们全部相加。

scores.forEach(scoreObject  => {
console.log('Looking at ' + scoreObject.name);
score_map_keys.forEach(key => {    
let count = score_map[key];   
if (key >= scoreObject.low && key <= scoreObject.high) {
console.log(key + ' matches the allowed range');
scoreObject.count = scoreObject.count+count
}
});
})
console.log(scores);

你可以在这个jsfiddle中找到工作代码：https://jsfiddle.net/j6734vtq/24/

打开控制台 (ctr+shift+i( 并按运行。