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面试必备之手写call/apply/bind/new

    以下是关于“JS面试必备之手写call/apply/bind/new”的完整攻略。 手写call和apply call和apply是JavaScript原生的方法,可以改变函数的this指向。下面是手写实现call和apply的步骤: call 将函数作为对象的一个属性。 将函数的this指向当前对象。 执行该函数。 将对象上的函数删除。 Function.…

    JavaScript 2023年6月11日
    00
  • javascript倒计时效果实现

    以下是关于“JavaScript倒计时效果实现”的完整攻略。 什么是JavaScript倒计时效果 JavaScript倒计时效果,是指网页中通过JavaScript代码实现的一个倒计时效果,通常用于需要计算时间的场景中。例如,网页上的秒杀倒计时、倒计时结束后弹出提示信息等。 实现方法 实现JavaScript倒计时效果有多种方法,下面介绍其中一种实现方式。…

    JavaScript 2023年5月27日
    00
  • 才发现的超链接js导致网页中GIF动画停止的解决方法

    完整攻略如下: 问题背景 当我们在网页中添加一些超链接时,有时会发现网页中的GIF动画会停止播放,这是因为一些不合适的js代码导致了GIF动画的暂停。本攻略将详细介绍这个问题的解决方法。 发现问题 首先,我们需要确定是否存在这个问题。当我们添加了一个超链接,然后在网页中出现了GIF动画,观察动画是否会在超链接出现时暂停。如果动画暂停,那么就有可能是因为超链接…

    JavaScript 2023年6月10日
    00
  • JS实现点击颜色块切换指定区域背景颜色的方法

    针对“JS实现点击颜色块切换指定区域背景颜色”的情况,可以考虑以下实现方案。 实现思路 定义颜色块选项和给定区域(例如div); 给颜色块添加点击事件,记录点击的颜色值; 利用DOM操作,将颜色值赋予给定区域的背景色; 代码示例 <!doctype html> <html> <head> <meta charset=…

    JavaScript 2023年6月11日
    00
  • JavaScript Base64编码和解码,实现URL参数传递。

    首先我们需要了解什么是Base64编码。Base64编码是将二进制数据通过特定算法转换成文本字符串的一种编码方式。在浏览器中使用Base64编码的最常见场景就是在URL中传递参数,因为URL中不能包含某些字符,Base64编码后的字符串是可以安全传递的。 接下来我们讲一下如何使用JavaScript进行Base64编码和解码。 在JavaScript中,我们…

    JavaScript 2023年5月20日
    00
  • JSON 教程 json入门学习笔记

    JSON 教程 json入门学习笔记 什么是JSON JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的语法,但与之相比,JSON更简洁、更易于理解,且可用于多种编程语言之间的数据传输。 JSON的语法规则 对象 在JSON 中,对象以“{}”表示,两个花括号之间是一组属性-值对,属性名…

    JavaScript 2023年5月27日
    00
  • 利用Javascript实现一套自定义事件机制

    下面我将详细讲解利用JavaScript实现一套自定义事件机制的完整攻略。 什么是自定义事件机制 自定义事件机制是指在JavaScript中,我们可以通过创建和监听自定义事件来实现一种机制,用于让我们的代码在特定情况下能够执行某些操作。与原生事件相比,自定义事件可以达到一些原生事件无法达到的效果,例如可以扩展传递数据、可以自定义触发时机等。 实现自定义事件机…

    JavaScript 2023年6月10日
    00
  • javascript 面向对象的经典实例代码

    作为一个网站的作者,我很高兴地分享并讲解“JavaScript 面向对象的经典实例代码”的攻略。在本篇攻略中,我将重点讲解 JavaScript 面向对象编程中的几个关键概念、JavaScript 中的类、对象创建、继承等主题,并且会结合实例代码进行说明。 面向对象编程的关键概念 面向对象编程的一个关键概念是“类”,类是一组具有相同特性和行为的对象的抽象描述…

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