Hướng dẫn how do you capitalize a title in javascript? - làm thế nào để bạn viết hoa một tiêu đề trong javascript?

Bài viết này dựa trên thuật toán cơ bản của Code Camp miễn phí Trường hợp tiêu đề Tiêu đề Một câu.

Trong thuật toán này, chúng tôi muốn thay đổi một chuỗi văn bản để nó luôn có một chữ cái viết hoa khi bắt đầu mỗi từ., we want to change a string of text so that it always has a capital letter at the start of every word.

Trong bài viết này, tôi sẽ giải thích ba cách tiếp cận. Đầu tiên với một vòng lặp, thứ hai sử dụng phương thức map () và thứ ba bằng phương thức thay thế ().

Thử thách thuật toán

Trả lại chuỗi được cung cấp với chữ cái đầu tiên của mỗi từ được viết hoa. Hãy chắc chắn rằng phần còn lại của từ là trong chữ thường.

Với mục đích của bài tập này, bạn cũng nên tận dụng các từ kết nối như là The The The và và Of Of.

Cung cấp các trường hợp thử nghiệm

• Titlecase (Hồi tôi là một nồi trà nhỏ) nên trả lại một chuỗi. should return a string.
• Titlecase (Hồi tôi là một nồi trà nhỏ) nên trả lại cho tôi một loại trà nhỏ. should return “I’m A Little Tea Pot”.
• Titlecase (Short Short và Stout,) sẽ trả lại ngắn và Stout.should return “Short And Stout”.
• Titlecase (Đây là tay cầm của tôi ở đây là vòi của tôi) nên trả lại Đây là tay cầm của tôi ở đây là Spout của tôi. should return “Here Is My Handle Here Is My Spout”.

1. Trường hợp tiêu đề Một câu có vòng lặp cho

Đối với giải pháp này, chúng tôi sẽ sử dụng phương thức String.Prototype.toLowerCase (), phương thức String.Prototype.Split (), phương thức String.Prototype.Charat (), phương thức String.Prototype.Slice () và mảng. Phương pháp nguyên mẫu.join ().

• Phương thức tolowerCase () trả về giá trị chuỗi cuộc gọi được chuyển đổi thành chữ thườngtoLowerCase() method returns the calling string value converted to lowercase
• Phương thức chia () chia một đối tượng chuỗi thành một mảng chuỗi bằng cách tách chuỗi thành chuỗi con.split() method splits a String object into an array of strings by separating the string into substrings.
• Phương thức charat () trả về ký tự được chỉ định từ một chuỗi.charAt() method returns the specified character from a string.
• Phương thức Slice () trích xuất một phần của chuỗi và trả về một chuỗi mới.slice() method extracts a section of a string and returns a new string.
• Phương thức tham gia () tham gia tất cả các phần tử của một mảng thành một chuỗi.join() method joins all elements of an array into a string.

Chúng ta sẽ cần thêm một khoảng trống giữa dấu ngoặc của phương thức Split (),split()method,

var strSplit = "I'm a little tea pot".split(' ');

sẽ xuất ra một mảng các từ được phân tách:

var strSplit = ["I'm", "a", "little", "tea", "pot"];

Nếu bạn không thêm không gian trong dấu ngoặc đơn, bạn sẽ có đầu ra này:

var strSplit = ["I", "'", "m", " ", "a", " ", "l", "i", "t", "t", "l", "e", " ", "t", "e", "a", " ", "p", "o", "t"];

Chúng tôi sẽ kết hợp

str[i].charAt(0).toUpperCase()

- sẽ viết nhật ký ký tự chỉ mục 0 của chuỗi hiện tại trong vòng lặp cho vòng lặp -

và

str[i].slice(1)

- sẽ trích xuất từ ​​chỉ mục 1 đến cuối chuỗi.

Chúng tôi sẽ đặt toàn bộ chuỗi thành chữ thường cho mục đích chuẩn hóa.

function titleCase(str) {
  // Step 1. Lowercase the string
  str = str.toLowerCase();
  // str = "I'm a little tea pot".toLowerCase();
  // str = "i'm a little tea pot";
  
  // Step 2. Split the string into an array of strings
  str = str.split(' ');
  // str = "i'm a little tea pot".split(' ');
  // str = ["i'm", "a", "little", "tea", "pot"];
  
  // Step 3. Create the FOR loop
  for (var i = 0; i < str.length; i++) {
    str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1); 
  /* Here str.length = 5
    1st iteration: str[0] = str[0].charAt(0).toUpperCase() + str[0].slice(1);
                   str[0] = "i'm".charAt(0).toUpperCase()  + "i'm".slice(1);
                   str[0] = "I"                            + "'m";
                   str[0] = "I'm";
    2nd iteration: str[1] = str[1].charAt(0).toUpperCase() + str[1].slice(1);
                   str[1] = "a".charAt(0).toUpperCase()    + "a".slice(1);
                   str[1] = "A"                            + "";
                   str[1] = "A";
    3rd iteration: str[2] = str[2].charAt(0).toUpperCase()   + str[2].slice(1);
                   str[2] = "little".charAt(0).toUpperCase() + "little".slice(1);
                   str[2] = "L"                              + "ittle";
                   str[2] = "Little";
    4th iteration: str[3] = str[3].charAt(0).toUpperCase() + str[3].slice(1);
                   str[3] = "tea".charAt(0).toUpperCase()  + "tea".slice(1);
                   str[3] = "T"                            + "ea";
                   str[3] = "Tea";
    5th iteration: str[4] = str[4].charAt(0).toUpperCase() + str[4].slice(1);
                   str[4] = "pot".charAt(0).toUpperCase() + "pot".slice(1);
                   str[4] = "P"                           + "ot";
                   str[4] = "Pot";                                                         
    End of the FOR Loop*/
  }
  
  // Step 4. Return the output
  return str.join(' '); // ["I'm", "A", "Little", "Tea", "Pot"].join(' ') => "I'm A Little Tea Pot"
}

titleCase("I'm a little tea pot");

function titleCase(str) {
  str = str.toLowerCase().split(' ');
  for (var i = 0; i < str.length; i++) {
    str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1); 
  }
  return str.join(' ');
}
titleCase("I'm a little tea pot");

2. Trường hợp tiêu đề Một câu với phương thức bản đồ ()

Đối với giải pháp này, chúng tôi sẽ sử dụng phương thức mảng.prototype.map ().

• Phương thức Bản đồ () tạo ra một mảng mới với kết quả gọi hàm được cung cấp trên mọi yếu tố trong mảng này. Sử dụng MAP sẽ gọi chức năng gọi lại được cung cấp một lần cho mỗi phần tử trong một mảng, theo thứ tự và xây dựng một mảng mới từ kết quả.map() method creates a new array with the results of calling a provided function on every element in this array. Using map will call a provided callback function once for each element in an array, in order, and constructs a new array from the results.

Chúng tôi sẽ viết thường và phân chia chuỗi như đã thấy trong ví dụ trước trước khi áp dụng phương thức bản đồ ().

Thay vì sử dụng một vòng lặp cho vòng lặp, chúng tôi sẽ áp dụng phương thức bản đồ () làm điều kiện trên cùng một cách kết hợp từ ví dụ trước.

(word.charAt(0).toUpperCase() + word.slice(1));

function titleCase(str) {
  // Step 1. Lowercase the string
  str = str.toLowerCase() // str = "i'm a little tea pot";
  
  // Step 2. Split the string into an array of strings
           .split(' ') // str = ["i'm", "a", "little", "tea", "pot"];
         
  // Step 3. Map over the array
           .map(function(word) {
    return (word.charAt(0).toUpperCase() + word.slice(1));
    /* Map process
    1st word: "i'm"    => (word.charAt(0).toUpperCase() + word.slice(1));
                          "i'm".charAt(0).toUpperCase() + "i'm".slice(1);
                                "I"                     +     "'m";
                          return "I'm";
    2nd word: "a"      => (word.charAt(0).toUpperCase() + word.slice(1));
                          "a".charAt(0).toUpperCase()   + "".slice(1);
                                "A"                     +     "";
                          return "A";
    3rd word: "little" => (word.charAt(0).toUpperCase()    + word.slice(1));
                          "little".charAt(0).toUpperCase() + "little".slice(1);
                                "L"                        +     "ittle";
                          return "Little";
    4th word: "tea"    => (word.charAt(0).toUpperCase() + word.slice(1));
                          "tea".charAt(0).toUpperCase() + "tea".slice(1);
                                "T"                     +     "ea";
                          return "Tea";
    5th word: "pot"    => (word.charAt(0).toUpperCase() + word.slice(1));
                          "pot".charAt(0).toUpperCase() + "pot".slice(1);
                                "P"                     +     "ot";
                          return "Pot";                                                        
    End of the map() method */
});

 // Step 4. Return the output
 return str.join(' '); // ["I'm", "A", "Little", "Tea", "Pot"].join(' ') => "I'm A Little Tea Pot"
}

titleCase("I'm a little tea pot");

3. Trường hợp tiêu đề Một câu với các phương thức bản đồ () và các phương thức thay thế ()

Đối với giải pháp này, chúng tôi sẽ tiếp tục sử dụng phương thức Array.Prototype.map () và thêm phương thức String.Prototype.replace ().

• Phương thức thay thế () trả về một chuỗi mới với một số hoặc tất cả các kết quả của một mẫu được thay thế bằng cách thay thế.replace() method returns a new string with some or all matches of a pattern replaced by a replacement.

Trong trường hợp của chúng tôi, mẫu cho phương thức thay thế () sẽ là một chuỗi được thay thế bằng cách thay thế mới và sẽ được coi là chuỗi nguyên văn. Chúng ta cũng có thể sử dụng một biểu thức chính quy làm mẫu để giải thuật thuật toán này.regular expression as the pattern to solve this algorithm.

Chúng tôi sẽ viết thường và phân chia chuỗi như được thấy trong ví dụ đầu tiên trước khi áp dụng phương thức bản đồ ().

var strSplit = ["I'm", "a", "little", "tea", "pot"];

var strSplit = ["I'm", "a", "little", "tea", "pot"];

Tôi hy vọng bạn tìm thấy điều này hữu ích. Đây là một phần trong loạt bài viết của tôi Làm thế nào để giải quyết các bài viết của FCC Thuật toán trên thuật toán Camp miễn phí, trong đó tôi đề xuất một số giải pháp và giải thích từng bước những gì xảy ra dưới mui xe.

Ba cách để lặp lại một chuỗi trong JavaScriptin Bài viết này, tôi sẽ giải thích cách giải quyết Freecodecamp, lặp lại một chuỗi lặp lại một thử thách chuỗi. Điều này liên quan đến
In this article, I’ll explain how to solve freeCodeCamp’s “Repeat a string repeat a string” challenge. This involves…

Hai cách để xác nhận kết thúc của một chuỗi trong JavaScriptin Bài viết này, tôi sẽ giải thích cách giải quyết FreeCodecamp, xác nhận thử thách kết thúc.
In this article, I’ll explain how to solve freeCodeCamp’s “Confirm the Ending” challenge.

Ba cách để đảo ngược một chuỗi trong bài viết của JavaScriptthis dựa trên thuật toán cơ bản của Code Code miễn phí
This article is based on Free Code Camp Basic Algorithm Scripting “Reverse a String”

Ba cách để nhân viên hóa một số trong bài viết của JavaScriptthis dựa trên thuật toán cơ bản của Code Camp miễn phí
This article is based on Free Code Camp Basic Algorithm Scripting “Factorialize a Number”

Hai cách để kiểm tra palindromes trong bài viết của JavaScriptthis dựa trên thuật toán cơ bản của Code Camp miễn phí Kiểm tra palindromes.
This article is based on Free Code Camp Basic Algorithm Scripting “Check for Palindromes”.

Ba cách để tìm từ dài nhất trong một chuỗi trong bài viết của JavaScriptthis dựa trên tập lệnh thuật toán cơ bản Camp Camp miễn phí Tìm từ dài nhất trong một chuỗi.
This article is based on Free Code Camp Basic Algorithm Scripting “Find the Longest Word in a String”.

Ba cách bạn có thể tìm thấy số lớn nhất trong một mảng bằng cách sử dụng JavaScriptin Bài viết này, tôi sẽ giải thích cách giải quyết Code Camp miễn phí Trại trả về số lớn nhất trong Thử thách Arrays. Đây…
In this article, I’m going to explain how to solve Free Code Camp’s “Return Largest Numbers in Arrays” challenge. This…

Nếu bạn có giải pháp riêng hoặc bất kỳ đề xuất nào, hãy chia sẻ chúng dưới đây trong các ý kiến.

Hoặc bạn có thể theo dõi tôi trên Medium, Twitter, GitHub và LinkedIn.Medium, Twitter, Github and LinkedIn.

#Ở lại, #Keeponhacking & #MakeithAppen!

Tài nguyên

• Phương thức TolowerCase () - MDN
• Phương thức toupppercase () - MDN
• Phương pháp Charat () - MDN
• Phương thức Slice () - MDN
• Phương thức chia () - MDN
• tham gia () Phương thức - MDN
• cho - mdn
• Phương thức bản đồ () - MDN
• thay thế () phương thức - mdn