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

yizhihongxing

下面我为你详细讲解“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日

相关文章

  • javascript 事件处理程序介绍

    JavaScript 事件处理程序介绍 在 JavaScript 中,事件处理程序是处理在页面中发生的事件的功能代码。当用户在页面上进行操作时,比如单击一个按钮或是按下一个键盘按键,这些事件将被浏览器捕获,然后触发相应的事件处理程序。 事件处理程序的绑定方式 1. HTML事件处理程序 在HTML标签中直接在属性中绑定事件处理程序。 <button o…

    JavaScript 2023年5月28日
    00
  • js变量、作用域及内存详解

    JS变量、作用域及内存详解 JavaScript 是一门动态、解释型语言,定义了多种不同类型的值,比如数字、字符串、布尔值、对象等。在 JavaScript 中,变量用于算术计算、字符串拼接、逻辑表达式等各种的场景,变量是引用值和原始值的存储体。 变量 变量的定义与命名规则 在 JavaScript 中,变量的定义使用关键字 var 或 let,如果不带任何…

    JavaScript 2023年6月10日
    00
  • 判断某个字符在一个字符串中是否存在的js代码

    判断某个字符在一个字符串中是否存在通常使用JavaScript内置的indexOf()方法。该方法返回要查找的字符第一次出现的索引位置。当要查找的字符不在字符串中时,该方法返回-1。 以下是示例代码: const str = ‘This is a sample string’; const char = ‘a’; if (str.indexOf(char) …

    JavaScript 2023年5月28日
    00
  • js 数组 fill() 填充方法

    JS 数组 fill() 填充方法 简介 在 JS 中,fill() 方法可以用来填充数组的某一段区间,即将数组中的所有元素都替换为指定的值。fill() 方法接收三个参数:要填充的值、起始位置和终止位置(不包括终止位置本身)。这个方法具有可变性,即不会创建新的数组,而是直接修改原数组。 语法 arr.fill(value, start, end) valu…

    JavaScript 2023年5月27日
    00
  • JavaScript实现简易轮播图最全代码解析(ES5)

    JavaScript实现简易轮播图最全代码解析(ES5)的完整攻略如下: 什么是轮播图 轮播图(Carousel,Slider)是网站常见的一种幻灯片效果,通常用于展示多张图片或信息。轮播图可以让页面更具有动感,是提升用户体验的一种有效方式。 为什么要用 JavaScript 实现轮播图 JavaScript 是网页开发中的一种非常重要的脚本语言,可以实现网…

    JavaScript 2023年6月11日
    00
  • javascript的日期对象、数组对象、二维数组使用说明

    Javascript日期对象 Javascript的日期对象是一个用于处理日期和时间的内置对象。例如,可以使用它来获取当前时间、设置日期,比较日期等。以下是一些日期对象的方法: 创建日期对象 可以通过使用new关键字和Date()函数创建日期对象: var now = new Date(); //创建一个日期对象,获取当前时间 console.log(now…

    JavaScript 2023年6月10日
    00
  • JS获取动态添加元素的方法详解

    JS获取动态添加元素的方法详解 动态添加元素是网页开发中十分常见的做法,在使用JavaScript操作动态添加元素时,我们需要确保能够正确获取到这些元素,下面将简要介绍JS获取动态添加元素的几种方法。 通过事件委托实现动态添加元素的监听 当我们想在动态添加的元素上绑定事件时,可以通过事件委托来实现。 事件委托,顾名思义,就是将事件的监听委托给父元素,从而实现…

    JavaScript 2023年6月10日
    00
  • js中数组Array的一些常用方法总结

    接下来我将详细讲解“js中数组Array的一些常用方法总结”,内容分为以下部分: 概述 数组的创建和赋值 数组的常用方法 1. 概述 数组是 JavaScript 中最常用的数据类型之一,它可以容纳多个值,并按照一定的顺序进行存储和访问。在 JavaScript 中,数组是动态的,即在创建数组时不需要指定其大小,而可以根据需要动态添加或删除元素。 2. 数组…

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