【问题标题】:Javascript (jQuery) remove last sentence of long textJavascript(jQuery)删除长文本的最后一句
【发布时间】:2011-09-23 15:54:00
【问题描述】:

我正在寻找一个足够聪明的 javascript 函数来删除一大段文本的最后一句话(实际上是一个段落)。一些显示复杂性的示例文本:

<p>Blabla, some more text here. Sometimes <span>basic</span> html code is used but that should not make the "selection" of the sentence any harder! I looked up the window and I saw a plane flying over. I asked the first thing that came to mind: "What is it doing up there?" She did not know, "I think we should move past the fence!", she quickly said. He later described it as: "Something insane."</p>

现在我可以拆分 . 并删除数组的最后一个条目,但这不适用于以 ?! 结尾的句子,有些句子以 something: "stuff." 之类的引号结尾

function removeLastSentence(text) {
  sWithoutLastSentence = ...; // ??
  return sWithoutLastSentence;
}

如何做到这一点?什么是合适的算法?

编辑 - 长文本是指段落中的所有内容,句子是指一个实际的句子(不是一行),所以在我的示例中,最后一句是:He later described it as: "Something insane."When那个被删除了,下一个是She did not know, "I think we should move past the fence!", she quickly said."

【问题讨论】:

  • 定义“最后一句”和“长字符串”。如果您正在寻找一种限制文本行数的方法,请参阅 this answer
  • 编辑了我的问题,我的意思是一个真正的句子,见上文。 :)
  • 他后来将其描述为:“有些疯狂。”我不是英语专业的..但这对吗?还是应该是他后来形容为“有些疯狂”。
  • 我同意你的观点,我更喜欢后者,但我正在处理的书两者都使用,所以.. 编辑源是作弊,源很大。
  • 如果句子结构不正确,很难逐句拆分...我不太相信解决方案会保持一致。

标签: javascript jquery sentence


【解决方案1】:

定义你的规则: // 1. 以大写字母开头的句子 // 2. 句子前面没有任何内容或[.!?],但不是[,:;] // 3.如果格式不正确,句子前面可能会加引号,例如["'] // 4. 如果引号后面的单词是名称,则在这种情况下,句子可能不正确

还有其他规则吗?

定义你的目的: // 1. 去掉最后一句

假设: 如果您从文本字符串中的最后一个字符开始并向后工作,那么您会将句子的开头标识为: 1. 字符前的字符串为 [.?!] OR 2.字符前的文本串为["'],前面有一个大写字母 3. 每个 [.] 前面都有一个空格 4. 我们没有纠正 html 标签 5. 这些假设并不可靠,需要定期调整

可能的解决方案: 读入您的字符串并将其拆分为空格字符,以便我们反向查看字符串块。

var characterGroups = $('#this-paragraph').html().split(' ').reverse();

如果你的字符串是:

Blabla,这里还有一些文字。有时会使用基本的 html 代码,但这不应该使句子的“选择”变得更加困难!我抬头看了看窗户,看到一架飞机飞了过来。我首先想到的是:“它在上面做什么?”她不知道,“我想我们应该越过栅栏!”,她连忙说道。他后来将其描述为:“有些疯狂。”

var originalString = 'Blabla, some more text here. Sometimes <span>basic</span> html code is used but that should not make the "selection" of the sentence any harder! I looked up the window and I saw a plane flying over. I asked the first thing that came to mind: "What is it doing up there?" She did not know, "I think we should move past the fence!", she quickly said. He later described it as: "Something insane."';

那么characterGroups 中的数组将是:

    ["insane."", ""Something", "as:", "it", "described", "later", "He",
 "said.", "quickly", "she", "fence!",", "the", "past", "move", "should", "we",
 "think", ""I", "know,", "not", "did", "She", "there?"", "up", "doing", "it",
 "is", ""What", "mind:", "to", "came", "that", "thing", "first", "the", "asked",
 "I", "over.", "flying", "plane", "a", "saw", "I", "and", "window", "the", "up",
 "looked", "I", "harder!", "any", "sentence", "the", "of", ""selection"", "the",
 "make", "not", "should", "that", "but", "used", "is", "code", "html", "basic",
 "Sometimes", "here.", "text", "more", "some", "Blabla,"]

注意: 使用 jQuery 中的 .text() 方法会删除 '' 标签和其他标签

每个块后面都有一个空格,所以当我们确定句子的开始位置(通过数组索引)时,我们将知道该空格的索引,我们可以在空格占据该索引的位置拆分原始字符串从句末开始。

给自己一个变量来标记我们是否找到它,并给自己一个变量来保存我们识别为保存最后一句开头的数组元素的索引位置:

var found = false;
var index = null;

遍历数组并查找任何以 [.!?] 结尾或以 " 结尾的元素,其中前一个元素以大写字母开头。

var position     = 1,//skip the first one since we know that's the end anyway
    elements     = characterGroups.length,
    element      = null,
    prevHadUpper = false,
    last         = null;

while(!found && position < elements) {
    element = characterGroups[position].split('');

    if(element.length > 0) {
       last = element[element.length-1];

       // test last character rule
       if(
          last=='.'                      // ends in '.'
          || last=='!'                   // ends in '!'
          || last=='?'                   // ends in '?'
          || (last=='"' && prevHadUpper) // ends in '"' and previous started [A-Z]
       ) {
          found = true;
          index = position-1;
          lookFor = last+' '+characterGroups[position-1];
       } else {
          if(element[0] == element[0].toUpperCase()) {
             prevHadUpper = true;
          } else {
             prevHadUpper = false;
          }
       }
    } else {
       prevHadUpper = false;
    }
    position++;
}

如果您运行上述脚本,它会正确地将“He”识别为最后一句的开头。

console.log(characterGroups[index]); // He at index=6

现在你可以遍历之前的字符串了:

var trimPosition = originalString.lastIndexOf(lookFor)+1;
var updatedString = originalString.substr(0,trimPosition);
console.log(updatedString);

// Blabla, some more text here. Sometimes <span>basic</span> html code is used but that should not make the "selection" of the sentence any harder! I looked up the window and I saw a plane flying over. I asked the first thing that came to mind: "What is it doing up there?" She did not know, "I think we should move past the fence!", she quickly said.

再次运行它并获得: 布拉布拉,这里还有更多文字。有时会使用基本的 html 代码,但这不应该使句子的“选择”变得更加困难!我抬头看了看窗户,看到一架飞机飞了过来。我首先想到的是问:“它在上面做什么?”

再次运行它并获得: 布拉布拉,这里还有更多文字。有时会使用基本的 html 代码,但这不应该使句子的“选择”变得更加困难!我抬头看窗,看到一架飞机飞过来。

再次运行它并获得: 布拉布拉,这里还有更多文字。有时会使用基本的 html 代码,但这不应该使句子的“选择”变得更加困难!

再次运行它并获得: Blabla,这里还有一些文字。

再次运行它并获得: Blabla,这里还有一些文字。

所以,我认为这符合您的要求?

作为一个函数:

function trimSentence(string){
    var found = false;
    var index = null;

    var characterGroups = string.split(' ').reverse();

    var position     = 1,//skip the first one since we know that's the end anyway
        elements     = characterGroups.length,
        element      = null,
        prevHadUpper = false,
        last         = null,
        lookFor      = '';

    while(!found && position < elements) {
        element = characterGroups[position].split('');

        if(element.length > 0) {
           last = element[element.length-1];

           // test last character rule
           if(
              last=='.' ||                // ends in '.'
              last=='!' ||                // ends in '!'
              last=='?' ||                // ends in '?'
              (last=='"' && prevHadUpper) // ends in '"' and previous started [A-Z]
           ) {
              found = true;
              index = position-1;
              lookFor = last+' '+characterGroups[position-1];
           } else {
              if(element[0] == element[0].toUpperCase()) {
                 prevHadUpper = true;
              } else {
                 prevHadUpper = false;
              }
           }
        } else {
           prevHadUpper = false;
        }
        position++;
    }


    var trimPosition = string.lastIndexOf(lookFor)+1;
    return string.substr(0,trimPosition);
}

如果为它制作一个插件是微不足道的,但要注意假设! :)

这有帮助吗?

谢谢, 自动曝光

【讨论】:

    【解决方案2】:

    应该这样做。

    /*
    Assumptions:
    - Sentence separators are a combination of terminators (.!?) + doublequote (optional) + spaces + capital letter. 
    - I haven't preserved tags if it gets down to removing the last sentence. 
    */
    function removeLastSentence(text) {
    
        lastSeparator = Math.max(
            text.lastIndexOf("."), 
            text.lastIndexOf("!"), 
            text.lastIndexOf("?")
        );
    
        revtext = text.split('').reverse().join('');
        sep = revtext.search(/[A-Z]\s+(\")?[\.\!\?]/); 
        lastTag = text.length-revtext.search(/\/\</) - 2;
    
        lastPtr = (lastTag > lastSeparator) ? lastTag : text.length;
    
        if (sep > -1) {
            text1 = revtext.substring(sep+1, revtext.length).trim().split('').reverse().join('');
            text2 = text.substring(lastPtr, text.length).replace(/['"]/g,'').trim();
    
            sWithoutLastSentence = text1 + text2;
        } else {
            sWithoutLastSentence = '';
        }
        return sWithoutLastSentence;
    }
    
    /*
    TESTS: 
    
    var text = '<p>Blabla, some more text here. Sometimes <span>basic</span> html code is used but that should not make the "selection" of the text any harder! I looked up the window and I saw a plane flying over. I asked the first thing that came to mind: "What is it doing up there?" She did not know, "I think we should move past the fence!", she quickly said. He later described it as: "Something insane. "</p>';
    
    alert(text + '\n\n' + removeLastSentence(text));
    alert(text + '\n\n' + removeLastSentence(removeLastSentence(text)));
    alert(text + '\n\n' + removeLastSentence(removeLastSentence(removeLastSentence(text))));
    alert(text + '\n\n' + removeLastSentence(removeLastSentence(removeLastSentence(removeLastSentence(text)))));
    alert(text + '\n\n' + removeLastSentence(removeLastSentence(removeLastSentence(removeLastSentence(removeLastSentence(text))))));
    alert(text + '\n\n' + removeLastSentence(removeLastSentence(removeLastSentence(removeLastSentence(removeLastSentence(removeLastSentence(text)))))));
    alert(text + '\n\n' + removeLastSentence('<p>Blabla, some more text here. Sometimes <span>basic</span> html code is used but that should not make the "selection" of the text any harder! I looked up the '));
    */
    

    【讨论】:

      【解决方案3】:

      这是一个很好的。你为什么不创建一个临时变量,转换所有'!'和 '?'进入'.',拆分那个临时变量,删除最后一句,将该临时数组合并成一个字符串并取它的长度?然后将原始段落子串到该长度为止

      【讨论】:

      • 或者,嘿,只需使用正则表达式,这会容易得多 =P
      • 实际上,通过在句尾替换.",我可能只使用@omnosis 提到的正则表达式/[\.!?]/
      • 您仍然会遇到包含带有结束标点符号的引号的句子的问题,就像您的示例一样。
      • 您可以将所有引号后跟一个空格和一个大写字母替换为临时字符串的句点,然后删除任何空数组成员。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-12-11
      • 2021-04-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多