当前位置:首页 > JavaScript

基础js实现句子反转

2026-03-01 16:04:26JavaScript

使用 split 和 reverse 方法

将字符串按空格分割成数组,反转数组后再合并成字符串。这种方法适合简单句子反转。

function reverseSentence(sentence) {
  return sentence.split(' ').reverse().join(' ');
}

处理标点符号

如果需要保留标点符号在单词末尾,可以使用正则表达式分割。

function reverseSentenceWithPunctuation(sentence) {
  return sentence.split(/(\s+)/).reverse().join('');
}

手动实现反转

不使用内置方法,通过循环手动实现反转。

function manualReverse(sentence) {
  let words = [];
  let currentWord = '';

  for (let char of sentence) {
    if (char === ' ') {
      words.push(currentWord);
      currentWord = '';
    } else {
      currentWord += char;
    }
  }
  words.push(currentWord);

  let reversed = '';
  for (let i = words.length - 1; i >= 0; i--) {
    reversed += words[i] + (i > 0 ? ' ' : '');
  }

  return reversed;
}

考虑 Unicode 字符

处理包含表情符号等复杂 Unicode 字符的句子。

function unicodeReverse(sentence) {
  const segments = [...new Intl.Segmenter().segment(sentence)].map(x => x.segment);
  return segments.reverse().join('');
}

性能优化版本

对于超长字符串,使用数组操作可能更高效。

基础js实现句子反转

function optimizedReverse(sentence) {
  const words = [];
  let start = 0;

  for (let i = 0; i <= sentence.length; i++) {
    if (sentence[i] === ' ' || i === sentence.length) {
      words.push(sentence.slice(start, i));
      start = i + 1;
    }
  }

  let result = '';
  for (let j = words.length - 1; j >= 0; j--) {
    result += words[j] + (j > 0 ? ' ' : '');
  }

  return result;
}

标签: 句子基础
分享给朋友:

相关文章

vue基础组件实现

vue基础组件实现

Vue 基础组件实现 组件定义 使用 Vue.component 全局注册或局部注册组件。全局注册适合通用组件,局部注册适合特定页面使用的组件。 // 全局注册 Vue.component('my-…

css基础制作按钮

css基础制作按钮

基础按钮样式 使用CSS创建一个基础按钮,设置背景色、文字颜色、边框和圆角: .button { background-color: #4CAF50; /* 绿色背景 */ border:…

基础js实现句子反转

基础js实现句子反转

实现句子反转的方法 方法一:使用 split、reverse 和 join 将句子按空格分割成单词数组,反转数组后再拼接成字符串。 function reverseSentence(sent…

jquery基础

jquery基础

jQuery 基础概念 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的核心特点是“写得更少,做得更多”(Write…

css基础制作按钮

css基础制作按钮

CSS基础按钮制作 HTML结构 <button class="basic-button">点击按钮</button> 基础样式 .basic-button { pad…

jquery基础

jquery基础

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