Come tagliare una stringa in N caratteri in Javascript?

Come posso, usando Javascript, creare una funzione che taglierà la stringa passata come argomento, a una lunghezza specificata, anche passata come argomento. Per esempio:

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

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

Qualcuno ha idee? Ho sentito qualcosa sull'utilizzo della sottostringa, ma non ho capito bene.

Perché non usare solo la sottostringa ... string.substring(0, 7);Il primo argomento (0) è il punto di partenza. Il secondo argomento (7) è il punto finale (esclusivo). Maggiori informazioni qui.

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

Copiare il commento di Will in una risposta, perché l'ho trovato utile:

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

Grazie Will.

E un jsfiddle per chiunque si preoccupi https://jsfiddle.net/t354gw7e/ :)

Suggerisco di usare un'estensione per la pulizia del codice. Si noti che l'estensione di un prototipo di oggetto interno potrebbe potenzialmente interferire con le librerie che dipendono da esse.

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

E usalo come:

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

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

Dal link:

string.substr(start[, length])

Poco tardi ... ho dovuto rispondere. Questo è il modo più semplice.

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

Passo dopo passo. .padEnd - Garantisce la lunghezza della stringa

"Il metodo padEnd () riempie la stringa corrente con una determinata stringa (ripetuta, se necessario) in modo che la stringa risultante raggiunga una determinata lunghezza. Il riempimento viene applicato dall'estremità (destra) della stringa corrente. La fonte per questo interattivo esempio è archiviato in un repository GitHub. " fonte: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

.substring: limita la lunghezza necessaria

Se si sceglie di aggiungere ellissi, aggiungerle all'output.

Ho fornito 4 esempi di usi JavaScript comuni. Consiglio vivamente di utilizzare il prototipo String con sovraccarico per il supporto legacy. Rende molto più semplice implementare e modificare in seguito.

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

Caso d'uso,

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

trimString(string, 20);

//How to trim a string...

Penso che dovresti usare questo codice :-)

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