当前位置:首页 > JavaScript

fizzbuzz js实现

2026-04-06 01:53:10JavaScript

FizzBuzz 的 JavaScript 实现

FizzBuzz 是一个经典的编程练习,要求从 1 到 100 输出数字,但如果是 3 的倍数输出 "Fizz",5 的倍数输出 "Buzz",同时是 3 和 5 的倍数输出 "FizzBuzz"。

fizzbuzz js实现

基础实现

for (let i = 1; i <= 100; i++) {
  if (i % 15 === 0) {
    console.log("FizzBuzz");
  } else if (i % 3 === 0) {
    console.log("Fizz");
  } else if (i % 5 === 0) {
    console.log("Buzz");
  } else {
    console.log(i);
  }
}

更简洁的实现

for (let i = 1; i <= 100; i++) {
  let output = "";
  if (i % 3 === 0) output += "Fizz";
  if (i % 5 === 0) output += "Buzz";
  console.log(output || i);
}

使用三元运算符

for (let i = 1; i <= 100; i++) {
  console.log(
    i % 15 === 0 ? "FizzBuzz" :
    i % 3 === 0 ? "Fizz" :
    i % 5 === 0 ? "Buzz" :
    i
  );
}

函数式实现

Array.from({ length: 100 }, (_, i) => i + 1).forEach(i => {
  console.log(
    (i % 3 ? "" : "Fizz") + (i % 5 ? "" : "Buzz") || i
  );
});

可配置版本

function fizzBuzz(n, rules) {
  for (let i = 1; i <= n; i++) {
    let output = "";
    for (const [divisor, word] of rules) {
      if (i % divisor === 0) output += word;
    }
    console.log(output || i);
  }
}

// 使用示例
fizzBuzz(100, [[3, "Fizz"], [5, "Buzz"]]);

每种实现方式各有特点,基础实现最直观,简洁实现减少了条件判断次数,函数式实现更现代,可配置版本则具有更好的扩展性。

标签: fizzbuzzjs
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

js实现选项卡

js实现选项卡

实现选项卡的基本思路 选项卡通常由一组标签和对应的内容面板组成。点击标签时,显示对应的内容面板,隐藏其他面板。实现这一效果需要结合HTML结构、CSS样式和JavaScript交互逻辑。 HTML结…

js实现乘

js实现乘

JavaScript 实现乘法运算 在 JavaScript 中实现乘法运算可以通过多种方式完成,包括基本运算符、函数封装以及高级算法(如大数乘法)。以下是几种常见方法: 使用基本乘法运算符 Jav…

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js 实现分页

js 实现分页

实现分页的基本逻辑 分页功能通常需要后端返回数据总量或总页数,前端根据当前页码和每页条数截取对应数据。以下是一个基于JavaScript的简单分页实现方案: 前端分页实现 假设已有从后端获取的完整数…

js实现点击显示和隐藏

js实现点击显示和隐藏

实现点击显示和隐藏的JavaScript方法 使用classList.toggle切换类名 通过添加/移除CSS类控制元素的显示与隐藏,需提前在CSS中定义隐藏样式(如display: none)。…