Hướng dẫn how do you replace a certain character in a string in javascript? - làm thế nào để bạn thay thế một ký tự nhất định trong một chuỗi trong 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

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

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

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

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 khớp với

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

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

"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

Nếu

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

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

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

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

replace(pattern, replacement)

replace(pattern, replacement)

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ờ

"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

replace(pattern, replacement)

replace(pattern, replacement)

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

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, /* …, */ pN, offset, string, groups) {
  return replacement;
}

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

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

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

"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:

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 - #$*%

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

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 - #$*%

Chuỗi

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 - #$*%

replace(pattern, replacement)

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

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

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 str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

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.

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

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.

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 str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

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

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

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

Ví dụ sau sẽ đặt

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.

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

replace(pattern, replacement)

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

Điều này ghi nhật ký

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

replace(pattern, replacement)

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.

Điều này ghi lại

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

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ế

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 - #$*%

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

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

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

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

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);
}

replace(pattern, replacement)

Điều này là do

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);
}

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

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);
}

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);
}

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);
}

Biểu thức thông thường

replace(pattern, replacement)

replace(pattern, replacement)

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

replace(pattern, replacement)

replace(pattern, replacement)

replace(pattern, replacement)

replace(pattern, replacement)

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 str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

replace(pattern, replacement)

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 str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

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 str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

replace(pattern, replacement)

Ví dụ

replace(pattern, replacement)

replace(pattern, replacement)

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 str = 'Twas the night before Xmas...';
const newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr);  // Twas the night before Christmas...

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

replace(pattern, replacement)

Xem thêm