Comment réduire une chaîne de caractères à N caractères en Javascript ?

Question

Comment puis-je, en utilisant Javascript, créer une fonction qui coupera la chaîne de caractères passée comme argument, à une longueur spécifiée, également passée comme 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 une idée ? J'ai entendu parler de l'utilisation de substring, mais je n'ai pas bien compris.

Answer 1

Un peu tard... Je devais répondre. C'est la façon 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() écrase la chaîne de caractères actuelle avec une chaîne de caractères donnée (répétée, si nécessaire) de sorte 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 exemple interactif est stockée dans un dépôt GitHub." source : developer.mozilla.org/fr/US/docs/Web/JavaScript/Référence/

.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 l'utilisation du prototype String avec surcharge pour le support historique. Cela rend l'implémentation et les modifications ultérieures beaucoup plus faciles.

Answer 2

Une autre suggestion : supprimer les espaces blancs à la fin de la phrase.

limitStrLength = (text, max_length) => {
    if(text.length > max_length - 3){
        return text.substring(0, max_length).trimEnd() + "..."
    }
    else{
        return text
    }

Answer 3

Il existe plusieurs façons d'y parvenir

let description = "your test description your test description your test description";
let finalDesc = shortMe(description, length);

function finalDesc(str, length){

// return str.slice(0,length);

// return str.substr(0, length);

// return str.substring(0, length);

}

Vous pouvez également modifier cette fonction pour obtenir entre les chaînes de caractères.

Answer 4

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