Jak przyciąć ciąg do znaków N w JavaScript?

Jak mogę, używając Javascript, stworzyć funkcję, która obetnie ciąg przekazany jako argument do określonej długości, również przekazany jako argument. Na przykład:

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

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

Czy ktoś ma pomysły? Słyszałem coś o używaniu podciągu, ale nie do końca rozumiałem.

Dlaczego nie użyć po prostu podłańcucha ... string.substring(0, 7);Pierwszy argument (0) jest punktem wyjścia. Drugi argument (7) to punkt końcowy (wyłączny). Więcej informacji tutaj.

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

Kopiowanie komentarza Willa do odpowiedzi, bo uznałem ją za przydatną:

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

Dzięki Will.

I jsfiddle dla każdego, kogo to obchodzi https://jsfiddle.net/t354gw7e/ :)

Sugeruję użycie rozszerzenia, aby zachować porządek w kodzie. Zauważ, że rozszerzenie prototypu wewnętrznego obiektu może potencjalnie zepsuć biblioteki, które są od nich zależne.

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

I używaj go jak:

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

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

Z linku:

string.substr(start[, length])

Trochę późno ... Musiałem odpowiedzieć. To jest najprostszy sposób.

// 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) + '"');

Krok po kroku. .padEnd - gwarantuje długość ciągu

Metoda padEnd () wypełnia bieżący ciąg danym ciągiem (w razie potrzeby powtórzonym), tak aby otrzymany ciąg osiągnął określoną długość. Wypełnienie jest stosowane od końca (po prawej) bieżącego ciągu. Źródło tego interaktywnego przykład jest przechowywany w repozytorium GitHub ”. źródło: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

.substring - ogranicza potrzebną długość

Jeśli zdecydujesz się dodać wielokropki, dołącz je do wyniku.

Podałem 4 przykłady typowych zastosowań JavaScript. Zdecydowanie polecam używanie prototypu String z funkcją Overloading w celu obsługi starszych wersji. To znacznie ułatwia późniejsze wdrożenie i zmianę.

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

Przypadek użycia,

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

trimString(string, 20);

//How to trim a string...

Myślę, że powinieneś użyć tego kodu :-)

    // 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 ...