Làm cách nào để cắt một chuỗi thành N ký tự trong Javascript?

Làm thế nào tôi có thể, bằng cách sử dụng Javascript, tạo một hàm sẽ cắt chuỗi được truyền dưới dạng đối số, theo độ dài đã chỉ định, cũng được truyền dưới dạng đối số. Ví dụ:

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

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

Bất cứ ai cũng có ý tưởng? Tôi đã nghe nói về việc sử dụng chuỗi con, nhưng không hiểu lắm.

Tại sao không chỉ sử dụng chuỗi con ... string.substring(0, 7);Đối số đầu tiên (0) là điểm bắt đầu. Đối số thứ hai (7) là điểm kết thúc (loại trừ). Thêm thông tin ở đây.

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

Sao chép nhận xét của Will vào câu trả lời, vì tôi thấy nó hữu ích:

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

Cảm ơn Will.

Và một jsfiddle cho bất cứ ai quan tâm https://jsfiddle.net/t354gw7e/ :)

Tôi đề nghị sử dụng một phần mở rộng cho sự gọn gàng mã. Lưu ý rằng việc mở rộng một nguyên mẫu đối tượng nội bộ có thể có khả năng gây rối với các thư viện phụ thuộc vào chúng.

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

Và sử dụng nó như:

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

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

Từ liên kết:

string.substr(start[, length])

Hơi muộn ... tôi phải trả lời. Đây là cách đơn giản nhất.

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

Từng bước một. .padEnd - Guarentees độ dài của chuỗi

"Phương thức padEnd () đệm chuỗi hiện tại với một chuỗi đã cho (lặp lại, nếu cần) để chuỗi kết quả đạt đến một độ dài nhất định. Đệm được áp dụng từ cuối (bên phải) của chuỗi hiện tại. Nguồn cho tương tác này ví dụ được lưu trữ trong kho GitHub. " nguồn: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/ mẹo

.sub chuỗi - giới hạn độ dài bạn cần

Nếu bạn chọn thêm dấu chấm lửng, hãy thêm chúng vào đầu ra.

Tôi đã đưa ra 4 ví dụ về cách sử dụng JavaScript phổ biến. Tôi đặc biệt khuyên bạn nên sử dụng nguyên mẫu Chuỗi với Quá tải để hỗ trợ kế thừa. Nó làm cho nó dễ dàng hơn nhiều để thực hiện và thay đổi sau này.

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

Ca sử dụng,

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

trimString(string, 20);

//How to trim a string...

Tôi nghĩ rằng bạn nên sử dụng mã này :-)

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