Comment couper une chaîne en N caractères en Javascript?

Comment puis-je, en utilisant Javascript, créer une fonction qui réduira la chaîne passée en argument, à une longueur spécifiée, également passée en argument. Par exemple:

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

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

Quelqu'un a des idées? J'ai entendu quelque chose sur l'utilisation de substring, mais je n'ai pas tout à fait compris.

Pourquoi ne pas simplement utiliser substring ... string.substring(0, 7);Le premier argument (0) est le point de départ. Le deuxième argument (7) est le point final (exclusif). Plus d'infos ici.

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

Copier le commentaire de Will dans une réponse, car je l'ai trouvé utile:

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

Merci Will.

Et un jsfiddle pour tous ceux qui se soucient https://jsfiddle.net/t354gw7e/ :)

Je suggère d'utiliser une extension pour la netteté du code. Notez que l'extension d'un prototype d'objet interne peut potentiellement perturber les bibliothèques qui en dépendent.

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

Et utilisez-le comme:

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

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

À partir du lien:

string.substr(start[, length])

Un peu tard ... j'ai dû répondre. C'est la manière la plus simple.

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

Pas à pas. .padEnd - Garantit la longueur de la chaîne

"La méthode padEnd () remplit la chaîne actuelle avec une chaîne donnée (répétée, si nécessaire) afin que la chaîne résultante atteigne une longueur donnée. Le remplissage est appliqué à partir de la fin (à droite) de la chaîne actuelle. La source de cet interactif exemple est stocké dans un référentiel GitHub. " source: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...

.substring - limite la longueur dont vous avez besoin

Si vous choisissez d'ajouter des ellipses, ajoutez-les à la sortie.

J'ai donné 4 exemples d'utilisations courantes de JavaScript. Je recommande vivement d'utiliser le prototype String avec surcharge pour le support hérité. Cela facilite grandement la mise en œuvre et le changement par la suite.

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

Cas d'utilisation,

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

trimString(string, 20);

//How to trim a string...

Je pense que vous devriez utiliser ce code :-)

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