【问题标题】:Break the string into two lines将字符串分成两行
【发布时间】:2014-06-26 15:07:35
【问题描述】:

我想将一个字符串分成两行,但该行不应该在一个单词的一半处分成两行。我该怎么做?

字符串格式是这样的:

var words="value.eight.seven.six.five.four.three"

预期输出是:

"value.eight.seven.

six.five.four.three"

【问题讨论】:

  • 您的预期 O/P 是多少?两条线是什么意思..?想要将拆分值存储到两个变量中..
  • 你想打断字符串但又不想一分为二。这有点令人困惑。是不是你想把它分成两半,但字不能断?
  • 你必须更具体。你想在什么地方断开字符串??
  • 看看这个:stackoverflow.com/questions/14484787/wrap-text-in-javascript 和你的问题类似,只需要更改标识符以相应地换行。
  • @Bhushan Kawadkar:我的意思是该行不应该在“七”或“六”的中间中断,意味着它应该在第三个单词或第四个单词之后中断

标签: javascript jquery string


【解决方案1】:

试试,

var words = "value.eight.seven.six.five.four.three";
var splitted = words.split('.');
var index = splitted.length / 2;  
var val1 = splitted.slice(0, index).join('.') + ".";
var val2 = splitted.slice(index, splitted.length).join('.');

DEMO

【讨论】:

  • @Rajapraphu : 主题外 .. 检查邮件 da
【解决方案2】:

试试这个:

    var words="value.eight.seven.six.five.four.three"
    var wordsArr = words.split(".");
    var line1 = wordsArr.slice(0,Math.floor(wordsArr.length/2)).join("."); 
    var line2 = wordsArr.slice(Math.floor(wordsArr.length/2)).join(".");

这是工作小提琴:

http://jsfiddle.net/6xgS2/

【讨论】:

    【解决方案3】:

    您执行以下操作-->

    var words = "value.eight.seven.six.five.four.three";
    var all = words.split(".");
    var new="";  //empty string
    
    for(var i=0;i<all.length;i++){
    new=new+all[i]+".";  //add each word and the .
    if(i==3)
    new=new+"\n"; //add a \n after the third word
    }
    

    新 var 将包含您的新字符串。 希望这可以帮助。

    【讨论】:

      【解决方案4】:

      试试这个

      var words = "value.eight.seven.six.five.four.three";
      
      var all = words.split(".");
      var half=all.length/2;
      var first = all.slice(0, half).join();
      var second = all.slice(half, all.length).join();
      

      DEMO

      【讨论】:

      • 它只适用于提供的字符串,它不是一个通用的答案,我认为 OP 正在寻找一种适用于任何字符串的通用解决方案。
      • @balachandran - OP 要求打破你刚刚拆分的线路
      • 这个编辑后的答案看起来像 Rajaprabhu 发布的。 Mahana inaki ne maatinada
      猜你喜欢
      • 2015-12-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-07-22
      • 1970-01-01
      • 2015-05-30
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多