Hướng dẫn replace character in string javascript - thay thế ký tự trong chuỗi javascript

Thử nó

Cú pháp

replace(pattern, replacement)

Thông số

"xxx".replace("", "_"); // "_xxx"

Có thể là một chuỗi hoặc một đối tượng với phương thức

"foo".replace(/(f)/, "$2"); // "$2oo"; the regex doesn't have the second group
"foo".replace("f", "$1"); // "$1oo"; the pattern is a string, so it doesn't have any groups
"foo".replace(/(f)|(g)/, "$2"); // "oo"; the second group exists but isn't matched

"foo".replace(/(f)/, "$2"); // "$2oo"; the regex doesn't have the second group
"foo".replace("f", "$1"); // "$1oo"; the pattern is a string, so it doesn't have any groups
"foo".replace(/(f)|(g)/, "$2"); // "oo"; the second group exists but isn't matched

"foo".replace(/(f)/, "$2"); // "$2oo"; the regex doesn't have the second group
"foo".replace("f", "$1"); // "$1oo"; the pattern is a string, so it doesn't have any groups
"foo".replace(/(f)|(g)/, "$2"); // "oo"; the second group exists but isn't matched

Có thể là một chuỗi hoặc một hàm.

• Nếu đó là một chuỗi, nó sẽ thay thế chuỗi con phù hợp với

  "xxx".replace("", "_"); // "_xxx"
  

  9. Một số mẫu thay thế đặc biệt được hỗ trợ; Xem chỉ định một chuỗi là phần thay thế bên dưới.
• Nếu đó là một hàm, nó sẽ được gọi cho mỗi trận đấu và giá trị trả về của nó được sử dụng làm văn bản thay thế. Các đối số được cung cấp cho hàm này được mô tả trong chỉ định một hàm là phần thay thế bên dưới.

Giá trị trả về

Một chuỗi mới, với một, một số hoặc tất cả các trận đấu của mẫu được thay thế bằng cách thay thế được chỉ định.

Sự mô tả

Phương thức này không làm thay đổi giá trị chuỗi mà nó được gọi. Nó trả về một chuỗi mới.

Một mẫu chuỗi sẽ chỉ được thay thế một lần. Để thực hiện tìm kiếm toàn cầu và thay thế, hãy sử dụng biểu thức thông thường bằng cờ

function replacer(match, p1, p2, /* …, */ pN, offset, string, groups) {
  return replacement;
}

function replacer(match, p1, p2, /* …, */ pN, offset, string, groups) {
  return replacement;
}

Nếu

"xxx".replace("", "_"); // "_xxx"

"foo".replace(/(f)/, "$2"); // "$2oo"; the regex doesn't have the second group
"foo".replace("f", "$1"); // "$1oo"; the pattern is a string, so it doesn't have any groups
"foo".replace(/(f)|(g)/, "$2"); // "oo"; the second group exists but isn't matched

"foo".replace(/(f)/, "$2"); // "$2oo"; the regex doesn't have the second group
"foo".replace("f", "$1"); // "$1oo"; the pattern is a string, so it doesn't have any groups
"foo".replace(/(f)|(g)/, "$2"); // "oo"; the second group exists but isn't matched

"foo".replace(/(f)/, "$2"); // "$2oo"; the regex doesn't have the second group
"foo".replace("f", "$1"); // "$1oo"; the pattern is a string, so it doesn't have any groups
"foo".replace(/(f)|(g)/, "$2"); // "oo"; the second group exists but isn't matched

"xxx".replace("", "_"); // "_xxx"

"xxx".replace("", "_"); // "_xxx"

function replacer(match, p1, p2, /* …, */ pN, offset, string, groups) {
  return replacement;
}

function replacer(match, p1, p2, /* …, */ pN, offset, string, groups) {
  return replacement;
}

Nếu

"xxx".replace("", "_"); // "_xxx"

"xxx".replace("", "_"); // "_xxx"

Một regexp với cờ

function replacer(match, p1, p2, /* …, */ pN, offset, string, groups) {
  return replacement;
}

"xxx".replace("", "_"); // "_xxx"

"xxx".replace("", "_"); // "_xxx"

function replacer(match, p1, p2, p3, offset, string) {
  // p1 is non-digits, p2 digits, and p3 non-alphanumerics
  return [p1, p2, p3].join(' - ');
}
const newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);
console.log(newString);  // abc - 12345 - #$*%

Chỉ định một chuỗi là sự thay thế

Chuỗi thay thế có thể bao gồm các mẫu thay thế đặc biệt sau:

function replacer(match, p1, p2, p3, offset, string) {
  // p1 is non-digits, p2 digits, and p3 non-alphanumerics
  return [p1, p2, p3].join(' - ');
}
const newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);
console.log(newString);  // abc - 12345 - #$*%

function replacer(match, p1, p2, p3, offset, string) {
  // p1 is non-digits, p2 digits, and p3 non-alphanumerics
  return [p1, p2, p3].join(' - ');
}
const newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);
console.log(newString);  // abc - 12345 - #$*%

"xxx".replace("", "_"); // "_xxx"

"foo".replace(/(f)/, "$2"); // "$2oo"; the regex doesn't have the second group
"foo".replace("f", "$1"); // "$1oo"; the pattern is a string, so it doesn't have any groups
"foo".replace(/(f)|(g)/, "$2"); // "oo"; the second group exists but isn't matched

"xxx".replace("", "_"); // "_xxx"

"foo".replace(/(f)/, "$2"); // "$2oo"; the regex doesn't have the second group
"foo".replace("f", "$1"); // "$1oo"; the pattern is a string, so it doesn't have any groups
"foo".replace(/(f)|(g)/, "$2"); // "oo"; the second group exists but isn't matched

Chỉ định một chức năng là sự thay thế

Bạn có thể chỉ định một hàm là tham số thứ hai. Trong trường hợp này, chức năng sẽ được gọi sau khi trận đấu được thực hiện. Kết quả của hàm (giá trị trả về) sẽ được sử dụng làm chuỗi thay thế.

Lưu ý: Các mẫu thay thế đặc biệt được đề cập ở trên không áp dụng cho các chuỗi được trả về từ hàm thay thế. The above-mentioned special replacement patterns do not apply for strings returned from the replacer function.

Hàm có chữ ký sau:

function replacer(match, p1, p2, /* …, */ pN, offset, string, groups) {
  return replacement;
}

Các đối số cho hàm như sau:

const str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

Các chuỗi con phù hợp. (Tương ứng với

const str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

const str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

Chuỗi

const str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

"xxx".replace("", "_"); // "_xxx"

"foo".replace(/(f)/, "$2"); // "$2oo"; the regex doesn't have the second group
"foo".replace("f", "$1"); // "$1oo"; the pattern is a string, so it doesn't have any groups
"foo".replace(/(f)|(g)/, "$2"); // "oo"; the second group exists but isn't matched

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

Phần bù của chuỗi con phù hợp trong toàn bộ chuỗi đang được kiểm tra. Ví dụ: nếu toàn bộ chuỗi là

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

Toàn bộ chuỗi đang được kiểm tra.

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

Một đối tượng có các khóa là tên nhóm được sử dụng và có giá trị là các phần phù hợp (

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

"xxx".replace("", "_"); // "_xxx"

Số lượng chính xác các đối số phụ thuộc vào việc đối số đầu tiên có phải là đối tượng

"foo".replace(/(f)/, "$2"); // "$2oo"; the regex doesn't have the second group
"foo".replace("f", "$1"); // "$1oo"; the pattern is a string, so it doesn't have any groups
"foo".replace(/(f)|(g)/, "$2"); // "oo"; the second group exists but isn't matched

Ví dụ sau sẽ đặt

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

function replacer(match, p1, p2, p3, offset, string) {
  // p1 is non-digits, p2 digits, and p3 non-alphanumerics
  return [p1, p2, p3].join(' - ');
}
const newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);
console.log(newString);  // abc - 12345 - #$*%

Hàm sẽ được gọi nhiều lần cho mỗi trận đấu đầy đủ sẽ được thay thế nếu biểu thức chính quy trong tham số đầu tiên là toàn cầu.

Ví dụ

Xác định biểu thức chính quy trong thay thế ()

Trong ví dụ sau, biểu thức chính quy được xác định trong

"xxx".replace("", "_"); // "_xxx"

const str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

Nhật ký này

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

Sử dụng các cờ toàn cầu và Ignorecase với thay thế ()

Thay thế toàn cầu chỉ có thể được thực hiện với một biểu thức thông thường. Trong ví dụ sau, biểu thức chính quy bao gồm các cờ trường hợp toàn cầu và bỏ qua cho phép

"xxx".replace("", "_"); // "_xxx"

function styleHyphenFormat(propertyName) {
  function upperToHyphenLower(match, offset, string) {
    return (offset > 0 ? '-' : '') + match.toLowerCase();
  }
  return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
}

function styleHyphenFormat(propertyName) {
  function upperToHyphenLower(match, offset, string) {
    return (offset > 0 ? '-' : '') + match.toLowerCase();
  }
  return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
}

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

Điều này ghi lại

function styleHyphenFormat(propertyName) {
  function upperToHyphenLower(match, offset, string) {
    return (offset > 0 ? '-' : '') + match.toLowerCase();
  }
  return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
}

Chuyển từ trong chuỗi

Tập lệnh sau đây chuyển các từ trong chuỗi. Đối với văn bản thay thế, tập lệnh sử dụng các nhóm chụp và các mẫu thay thế

const str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

const str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

Điều này ghi lại

function styleHyphenFormat(propertyName) {
  function upperToHyphenLower(match, offset, string) {
    return (offset > 0 ? '-' : '') + match.toLowerCase();
  }
  return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
}

Sử dụng hàm nội tuyến sửa đổi các ký tự phù hợp

Trong ví dụ này, tất cả các lần xuất hiện của các chữ cái viết hoa trong chuỗi được chuyển đổi thành chữ thường và dấu gạch nối được chèn ngay trước vị trí khớp. Điều quan trọng ở đây là các hoạt động bổ sung là cần thiết trên mục phù hợp trước khi nó được trả lại như một sự thay thế.

Hàm thay thế chấp nhận đoạn trích phù hợp làm tham số của nó và sử dụng nó để biến đổi trường hợp và kết hợp dấu gạch nối trước khi quay lại.

function styleHyphenFormat(propertyName) {
  function upperToHyphenLower(match, offset, string) {
    return (offset > 0 ? '-' : '') + match.toLowerCase();
  }
  return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
}

Cho

function styleHyphenFormat(propertyName) {
  function upperToHyphenLower(match, offset, string) {
    return (offset > 0 ? '-' : '') + match.toLowerCase();
  }
  return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
}

function styleHyphenFormat(propertyName) {
  function upperToHyphenLower(match, offset, string) {
    return (offset > 0 ? '-' : '') + match.toLowerCase();
  }
  return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
}

Bởi vì chúng tôi muốn chuyển đổi thêm kết quả của trận đấu trước khi thay thế cuối cùng, chúng tôi phải sử dụng một chức năng. Điều này buộc việc đánh giá trận đấu trước phương pháp

function styleHyphenFormat(propertyName) {
  function upperToHyphenLower(match, offset, string) {
    return (offset > 0 ? '-' : '') + match.toLowerCase();
  }
  return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
}

function styleHyphenFormat(propertyName) {
  function upperToHyphenLower(match, offset, string) {
    return (offset > 0 ? '-' : '') + match.toLowerCase();
  }
  return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
}

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

Điều này là do

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

Thay thế một mức độ Fahrenheit bằng C, tương đương

Ví dụ sau đây thay thế một mức độ Fahrenheit với mức độ tương đương của nó. Bằng cấp Fahrenheit nên là một số kết thúc với

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

Biểu thức chính quy

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

const newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());  // won't work

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

"xxx".replace("", "_"); // "_xxx"

"xxx".replace("", "_"); // "_xxx"

"xxx".replace("", "_"); // "_xxx"

"xxx".replace("", "_"); // "_xxx"

Tạo ra một người thay thế chung

Giả sử chúng tôi muốn tạo một bộ thay thế nối dữ liệu bù vào mỗi chuỗi phù hợp. Bởi vì hàm thay thế đã nhận được tham số

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

"xxx".replace("", "_"); // "_xxx"

Tuy nhiên, người thay thế này sẽ khó khái quát nếu chúng ta muốn nó hoạt động với bất kỳ mẫu Regex nào. Bộ thay thế là variadic - số lượng đối số mà nó nhận được phụ thuộc vào số lượng nhóm bắt giữ có mặt. Chúng ta có thể sử dụng các tham số REST, nhưng nó cũng sẽ thu thập

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

"xxx".replace("", "_"); // "_xxx"

Ví dụ

"xxx".replace("", "_"); // "_xxx"

"xxx".replace("", "_"); // "_xxx"

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

const re = /apples/gi;
const str = 'Apples are round, and apples are juicy.';
const newstr = str.replace(re, 'oranges');
console.log(newstr);  // oranges are round, and oranges are juicy.

Thay vào đó, bạn cần trích xuất một vài đối số cuối cùng dựa trên loại, vì

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

const re = /(\w+)\s(\w+)/;
const str = 'John Smith';
const newstr = str.replace(re, '$2, $1');
console.log(newstr);  // Smith, John

"xxx".replace("", "_"); // "_xxx"

Xem thêm