当前位置:首页 > JavaScript

js实现repeat

2026-02-01 14:54:06JavaScript

实现字符串重复功能

在JavaScript中实现字符串重复功能可以通过多种方式完成。以下是几种常见的方法:

使用String.prototype.repeat()方法

ES6引入了原生字符串重复方法,直接调用即可:

const repeatedStr = 'abc'.repeat(3); // 返回'abcabcabc'

使用数组和join方法

通过创建指定长度的数组并用目标字符串连接:

function repeat(str, count) {
  return Array(count + 1).join(str);
}

使用循环拼接

基础循环实现方式:

function repeat(str, count) {
  let result = '';
  for (let i = 0; i < count; i++) {
    result += str;
  }
  return result;
}

递归实现

递归方式实现重复:

function repeat(str, count) {
  return count > 0 ? str + repeat(str, count - 1) : '';
}

性能优化版本

对于大量重复操作可使用二分法优化:

function repeat(str, count) {
  let res = '';
  while (count > 0) {
    if (count % 2 === 1) res += str;
    str += str;
    count >>= 1;
  }
  return res;
}

实现函数重复执行

如果需要重复执行某个函数,可以采用以下方式:

基本循环调用

function repeat(fn, times) {
  for (let i = 0; i < times; i++) fn();
}

使用setInterval实现间隔重复

function repeat(fn, times, interval) {
  let count = 0;
  const timer = setInterval(() => {
    fn();
    if (++count >= times) clearInterval(timer);
  }, interval);
}

递归实现延迟重复

js实现repeat

function repeat(fn, times, delay) {
  if (times <= 0) return;
  fn();
  setTimeout(() => repeat(fn, times - 1, delay), delay);
}

这些实现方式覆盖了字符串重复和函数重复执行的不同场景,可以根据具体需求选择合适的方法。原生repeat方法在支持ES6的环境中最简洁高效,其他方法提供了更多自定义控制的可能性。

标签: jsrepeat
分享给朋友:

相关文章

js实现

js实现

JavaScript 实现方法 JavaScript 是一种广泛使用的编程语言,适用于网页开发、服务器端编程以及移动应用开发。以下是几种常见的 JavaScript 实现方法: 网页交互功能 使用…

js实现分页

js实现分页

实现分页的基本思路 分页功能通常需要处理数据分割、页码生成和用户交互。核心逻辑包括计算总页数、根据当前页截取数据、渲染页码按钮等。 前端分页实现(静态数据) 假设已有全部数据,仅需前端分页展示:…

js实现轮播图

js实现轮播图

轮播图实现方法 基础HTML结构 <div class="slider"> <div class="slides"> <img src="image1.jpg…

js 进度条的实现

js 进度条的实现

使用 HTML 和 CSS 创建基础进度条 HTML 结构可以简单使用一个 div 元素作为容器,内部嵌套另一个 div 表示进度: <div class="progress-containe…

js实现图片预览

js实现图片预览

使用FileReader API实现图片预览 通过FileReader对象读取用户选择的图片文件并显示预览: const input = document.getElementById('image…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…