Як обрізати рядок до N символів у Javascript?

Як я можу за допомогою Javascript зробити функцію, яка буде обрізати рядок, переданий як аргумент, на задану довжину, також передану як аргумент. Наприклад:

var string = "this is a string";
var length = 6;
var trimmedString = trimFunction(length, string);

// trimmedString should be:
// "this is"

Хтось мав ідеї? Я чув щось про використання підрядків, але не зовсім зрозумів.

Чому б не просто використати підрядку ... string.substring(0, 7);Перший аргумент (0) - вихідний пункт. Другий аргумент (7) - це кінцевий пункт (виключний). Більше інформації тут.

var string = "this is a string";
var length = 7;
var trimmedString = string.substring(0, length);

Скопіював коментар Вілла у відповідь, тому що я вважав його корисним:

var string = "this is a string";
var length = 20;
var trimmedString = string.length > length ? 
                    string.substring(0, length - 3) + "..." : 
                    string;

Дякую Віллу.

І jsfiddle для всіх, хто дбає https://jsfiddle.net/t354gw7e/ :)

Я пропоную використовувати розширення для акуратності коду. Зауважте, що розширення прототипу внутрішнього об'єкта може потенційно заплутатися з залежними від них бібліотеками.

String.prototype.trimEllip = function (length) {
  return this.length > length ? this.substring(0, length) + "..." : this;
}

І використовувати його так:

var stringObject= 'this is a verrrryyyyyyyyyyyyyyyyyyyyyyyyyyyyylllooooooooooooonggggggggggggsssssssssssssttttttttttrrrrrrrrriiiiiiiiiiinnnnnnnnnnnnggggggggg';
stringObject.trimEllip(25)

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/substr

За посиланням:

string.substr(start[, length])

Трохи пізно ... довелося відповідати. Це найпростіший спосіб.

// JavaScript
function fixedSize_JS(value, size) {
  return value.padEnd(size).substring(0, size);
}

// JavaScript (Alt)
var fixedSize_JSAlt = function(value, size) {
  return value.padEnd(size).substring(0, size);
}

// Prototype (preferred)
String.prototype.fixedSize = function(size) {
  return this.padEnd(size).substring(0, size);
}

// Overloaded Prototype
function fixedSize(value, size) {
  return value.fixedSize(size);
}

// usage
console.log('Old school JS -> "' + fixedSize_JS('test (30 characters)', 30) + '"');
console.log('Semi-Old school JS -> "' + fixedSize_JSAlt('test (10 characters)', 10) + '"');
console.log('Prototypes (Preferred) -> "' + 'test (25 characters)'.fixedSize(25) + '"');
console.log('Overloaded Prototype (Legacy support) -> "' + fixedSize('test (15 characters)', 15) + '"');

Крок за кроком. .padEnd - гарантує довжину рядка

"Метод padEnd () прошиває поточну рядок заданою рядком (повторюється, якщо потрібно), щоб отримана рядок досягала заданої довжини. Прокладка застосовується з кінця (праворуч) поточної рядка. Джерело для цього інтерактивного Приклад зберігається у сховищі GitHub. " джерело: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

.substring - обмеження потрібної вам довжини

Якщо ви вирішите додати еліпси, додайте їх до виводу.

Я наводив 4 приклади поширених звичаїв JavaScript. Настійно рекомендую використовувати прототип String з Overloading для застарілої підтримки. Це значно полегшує впровадження та зміну пізніше.

    let trimString = function (string, length) {
      return string.length > length ? 
             string.substring(0, length) + '...' :
             string;
    };

Використовуйте футляр,

let string = 'How to trim a string to N chars in Javascript';

trimString(string, 20);

//How to trim a string...

Я думаю, що ви повинні використовувати цей код :-)

    // sample string
            const param= "Hi you know anybody like pizaa";

         // You can change limit parameter(up to you)
         const checkTitle = (str, limit = 17) => {
      var newTitle = [];
      if (param.length >= limit) {
        param.split(" ").reduce((acc, cur) => {
          if (acc + cur.length <= limit) {
            newTitle.push(cur);
          }
          return acc + cur.length;
        }, 0);
        return `${newTitle.join(" ")} ...`;
      }
      return param;
    };
    console.log(checkTitle(str));

// result : Hi you know anybody ...