Как сделать перенос строки по заданной позиции в строке

323
11 марта 2017, 03:31

Как можно сделать перенос строки на каждом n'ом символе? Подскажите пожалуйста.

var str="You can communicate not only with friends, but also get acquainted with the mass of new interesting people."; 
for (var i = 0; i < str.length; i++) { 
  document.write(str[i]) 
}

Answer 1

В цикл добавляем ещё одну переменную с учётом числа символа:

var str="You can communicate not only with friends, but also get acquainted with the mass of new interesting people."; 
 
var carry_option = {character_number: 4, carry_character: '<br>'} 
 
for (var i = 0, n = 1; i < str.length; i++, n++){ 
  document.write(str[i]); 
   
  // Если n = нашему числу, то переносим и обнуляем 
  if( n == carry_option.character_number ){ 
    document.write( carry_option.carry_character ); 
    n = 0; 
  }; 
};

Answer 2

Можно разбить строку на кусочки с помощью str.match(/.{1,N}/g)

var str="You can communicate not only with friends, but also get acquainted with the mass of new interesting people."; 
 
var n = 8; 
var r = new RegExp('.{1,'+n+'}', 'g') 
var chunks = str.match(r) 
 
//chunks.forEach(chunk => document.write(chunk+'<br />')); 
document.write(chunks.join('<br />'))

Ну или можно просто воспользоваться оператором получения остатка от деления(%):

var str="You can communicate not only with friends, but also get acquainted with the mass of new interesting people."; 
var n = 8; 
for (var i = 0; i < str.length; i++) { 
  document.write(str[i]); 
  if ((i+1)%n == 0) document.write('<br/>'); 
}

Answer 3
str.match(/.{1,n}/g).join("\n")
READ ALSO
Can you recommend 3d game engine for the web like this? [требует правки]

Can you recommend 3d game engine for the web like this? [требует правки]

What is engine of HordesIO? What engine like that you can recommend for 3d rpg's with open space?

355
Работа с mouseover JS на телефоне

Работа с mouseover JS на телефоне

Есть кнопка на которые привязанные действие addEventListener("touchstart", open_button) И после этого есть также событие addEventListener("mouseenter", select_section) После...

247
В чем отличие между React.createClass и class extends React.component?

В чем отличие между React.createClass и class extends React.component?

Недавно начал учить React по видео-урокамПробовал писать всякие "штуки" на нем и как-то наткнулся на переведенную на русский официальную документацию...

392
Не отправить большую строку POSTом

Не отправить большую строку POSTом

Здравствуйте! Через ajax пытаюсь отправить строку (файлы закодированные в base64) типа jsonПроблема в том, что если кодирую файлы общим объемом примерно...

222