Bir dizeyi Javascript'te N karakterlerine nasıl kırpabilirim?

Javascript kullanarak, bağımsız değişken olarak geçirilen dizeyi belirli bir uzunluğa, ayrıca bağımsız değişken olarak geçirilen kesecek bir işlev nasıl yapabilirim. Örneğin:

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

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

Fikriniz olan var mı? Alt dize kullanma hakkında bir şeyler duydum, ancak tam olarak anlamadım.

Neden sadece alt dize kullanmıyorsunuz ... string.substring(0, 7);İlk argüman (0) başlangıç ​​noktasıdır. İkinci argüman (7) bitiş noktasıdır (münhasır). Daha fazla bilgi burada.

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

Will'in yorumunu bir cevaba kopyalamak , çünkü yararlı buldum:

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

Teşekkürler Will.

Ve https://jsfiddle.net/t354gw7e/ umurunda olan herkes için bir jsfiddle :)

Kod düzgünlüğü için bir uzantı kullanmanızı öneririz. Dahili bir nesne prototipinin genişletilmesinin, kendilerine bağlı kitaplıklar ile karışıklık yaratabileceğini unutmayın.

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

Ve şöyle kullanın:

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

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

Bağlantıdan:

string.substr(start[, length])

Biraz geç ... Cevap vermeliydim. Bu en basit yol.

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

Adım adım. .padEnd - Dizenin uzunluğunu garanti eder

"PadEnd () yöntemi, geçerli dizeyi belirli bir dizeyle (gerekirse tekrarlanır) doldurur, böylece elde edilen dizgi belirli bir uzunluğa ulaşır. Dolgu, geçerli dizenin ucundan (sağda) uygulanır. örneği GitHub deposunda saklanır. " kaynak: developer.mozilla.org/tr-TR/docs/Web/JavaScript/Reference/…

.substring - ihtiyacınız olan uzunluğun sınırları

Elips eklemeyi seçerseniz, bunları çıktıya ekleyin.

4 yaygın JavaScript kullanımı örneği verdim. Eski destek için Overloading ile String prototipini kullanmanızı şiddetle tavsiye ederim. Daha sonra uygulanmasını ve değiştirilmesini çok daha kolay hale getirir.

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

Kullanım Durumu,

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

trimString(string, 20);

//How to trim a string...

Bu kodu kullanmanız gerektiğini düşünüyorum :-)

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