JS数组实现分类统计实例代码

下面我为你详细讲解“JS数组实现分类统计实例代码”的完整攻略。

什么是JS数组分类统计?

JS数组分类统计是指对一个JS数组进行分类,然后统计每个分类中元素的个数,并输出结果。

实现步骤

  1. 准备一个待分类数组
  2. 新建一个空对象,用于存储分类统计结果
  3. 遍历数组,将数组中的每个元素进行分类统计
  4. 输出分类统计结果

下面是一个基本的分类统计代码示例:

let arr = [1, 2, 3, 4, 5, 6, 1, 2, 3, 4];
let count = {};

for (let i = 0; i < arr.length; i++) {
  let item = arr[i];
  if (count[item]) {
    count[item]++;
  } else {
    count[item] = 1;
  }
}

console.log(count);

输出结果如下:

{1: 2, 2: 2, 3: 2, 4: 2, 5: 1, 6: 1}

这个示例中,我们首先定义了一个待分类数组arr,然后新建了一个空对象count。接着我们对数组进行遍历,将每个元素分类存储在count对象中。如果一个元素已经在count对象中存在,那么将其对应的值加1,否则将其对应的值设为1。

示例说明

下面我们再来看两个分类统计的示例:

示例1

假设有一个需求,要对一篇英文文章中的单词进行分类统计,输出每个单词出现的次数。我们可以先将文章拆分成单词数组,然后按照上述代码示例进行分类统计,最后输出结果。

具体代码实现如下:

let article = 'A quick brown fox jumps over the lazy dog';
let words = article.split(' ');
let count = {};

for (let i = 0; i < words.length; i++) {
  let word = words[i];
  if (count[word]) {
    count[word]++;
  } else {
    count[word] = 1;
  }
}

console.log(count);

输出结果如下:

{A: 1, quick: 1, brown: 1, fox: 1, jumps: 1, over: 1, the: 1, lazy: 1, dog: 1}

示例2

假设有一个需求,要统计一组学生的成绩,输出每个成绩段(60分以下,60~70分,70~80分,80~90分,90分以上)中有多少学生。

具体代码实现如下:

let scores = [68, 78, 85, 92, 56, 72, 89, 43, 91, 77];
let count = {};

for (let i = 0; i < scores.length; i++) {
  let score = scores[i];
  if (score < 60) {
    if (count['<60']) {
      count['<60']++;
    } else {
      count['<60'] = 1;
    }
  } else if (score >= 60 && score < 70) {
    if (count['60~70']) {
      count['60~70']++;
    } else {
      count['60~70'] = 1;
    }
  } else if (score >= 70 && score < 80) {
    if (count['70~80']) {
      count['70~80']++;
    } else {
      count['70~80'] = 1;
    }
  } else if (score >= 80 && score < 90) {
    if (count['80~90']) {
      count['80~90']++;
    } else {
      count['80~90'] = 1;
    }
  } else {
    if (count['>=90']) {
      count['>=90']++;
    } else {
      count['>=90'] = 1;
    }
  }
}

console.log(count);

输出结果如下:

{60~70: 2, 70~80: 2, 80~90: 3, '<60': 2, '>=90': 1}

在这个示例中,我们根据不同成绩范围对成绩进行分类统计,并将结果存储在count对象中。最后输出count对象即可。

以上就是“JS数组实现分类统计实例代码”的完整攻略。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS数组实现分类统计实例代码 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解

    那我就为你介绍一下 Javascript 中几个常用字符串相关的方法。 1. substr substr() 方法用于截取字符串中的任意部分,并返回截取的结果。substr() 方法有两个参数,第一个参数是起始索引位置,第二个参数是截取的长度。如果不指定第二个参数,则截取到末尾。其语法如下: str.substr(start[, length]) 示例代码:…

    JavaScript 2023年5月28日
    00
  • js实现最短的XML格式化工具实例

    下面是“js实现最短的XML格式化工具实例”的攻略。 1. 目标 我们的目标是实现一个最短的XML格式化工具,输入一段XML字符串,输出格式化后的XML字符串。 2. 思路 我们要实现的XML格式化工具需要满足以下几个要求: 保留XML中的所有节点和属性; 将XML字符串按照缩进格式化输出。 我们可以通过解析XML字符串,将XML字符串转换为JavaScri…

    JavaScript 2023年5月27日
    00
  • 使用JS location实现搜索框历史记录功能

    有一种常见的搜索框历史记录功能是,当用户在搜索框中输入关键字后,网站会记录这个关键字,并在搜索框下方显示搜索历史记录,用户可以快速选择历史记录中的关键字再次进行搜索。 实现这个功能可以使用JS中的location对象。以下是实现搜索框历史记录功能的详细步骤: 1. 监听搜索框的输入事件 首先,需要在搜索框上添加事件监听器,监听搜索框的输入事件。当用户在搜索框…

    JavaScript 2023年6月11日
    00
  • 用javascript做一个小游戏平台 (二) 游戏选择器

    下面就让我来详细讲解如何用 JavaScript 做一个小游戏平台。 游戏选择器 游戏选择器是一个可以让用户选择游戏的组件,我们需要实现以下功能: 显示游戏的缩略图和名称。 点击缩略图或名称可以进入游戏。 可以添加新游戏。 首先,我们需要初始化一个游戏列表。我们可以使用一个存储游戏信息的对象数组来存储游戏列表。每个游戏对象都应该包含游戏名称、游戏缩略图、游戏…

    JavaScript 2023年6月10日
    00
  • Javascript Math LOG2E 属性

    JavaScript中的Math.LOG2E属性是一个常数,表示以2为底的自然对数e的对数。以下是关于Math.LOG2E属性的完整攻略,包括两个示例。 Math对象的LOG2属性 JavaScript Math对象中的LOG2E属性是一个常数,表示以2为底的自然数e的对数。 下面是LOG2E属性语法: Math.LOG2E 下面是一个LOG2E属性的示例:…

    JavaScript 2023年5月11日
    00
  • javascript 正则替换 replace(regExp, function)用法

    当我们使用JavaScript时,我们经常会用到字符串操作,而正则表达式则是字符串操作中不可或缺的一部分。其中,replace()函数是JavaScript中操作字符串非常重要的函数,它可以完成字符串中的替换操作。replace()函数的第一个参数可以是一个正则表达式,也可是普通的字符串,第二个参数则可以是另一个字符串或函数。在本篇文章中,我们将重点讲解使用…

    JavaScript 2023年6月10日
    00
  • Chrome中JSON.parse的特殊实现

    谈论Chrome中JSON.parse的特殊实现需要先了解JSON.stringify()和JSON.parse()这两个API的作用。其中,JSON.stringify()可以将一个JavaScript对象或数组转换成一个JSON字符串,而JSON.parse()则可以将JSON字符串转化为JavaScript对象或数组。 我们来看一个例子: var ob…

    JavaScript 2023年5月27日
    00
  • 让浏览器DOM元素最后加载的js方法

    关于让浏览器DOM元素最后加载JS方法,这主要是为了确保在运行JS之前,页面的DOM元素已经全部加载完毕,从而避免因为JS找不到需要操作的元素而产生错误。接下来我将为大家介绍两种方法。 方法一:使用window.onload window.onload是指在当前页面中所有的元素(图片、音频、视频等多媒体元素)加载完毕后,再去执行window.onload事件…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部