HomeLập trìnhJavaScriptmột hướng dẫn...

một hướng dẫn mayúsculas trong JS


Artículo original escrito bởi hố Catalin
Nghệ thuật gốc Cách viết hoa chữ cái đầu tiên của mỗi từ trong JavaScript – Hướng dẫn viết hoa JS
Traducido và Adaptado por Gibran Pelayo M.

En este artículo vas aprender hasmo escribir en mayúscula la primera letra de cualquier palabra en JavaScript. Después de eso, vas a poner en mayúscula la primera letra de todas las palabras de una oración.

Nó không phải là một giải pháp phổ quát cho trình giải quyết một vấn đề. Vì lo tanto, đây là một bài viết có nhiều cách giải quyết vấn đề khác nhau.

Về cơ bản, empecemos con escribir en mayúscula la primera letra de una sola palabra. Después de que aprendas hasmo hacerlo, iremos al siguiente nivel – hacerlo con cada palabra de una oración. Bây giờ hoặc một ví dụ:

const publicacion = "freeCodeCamp";

En JavaScript empezamos a contar desde 0. E decir, si tenemos un arreglo, la primera posición es 0, no 1.

Ngoài ra, bạn có thể tham gia một cada letra de una cadena de la misma manera mà tham gia vào một phần tử của một mảng. Ví dụ, la primera letra de la palabra “freeeCodeCamp” là ở vị trí 0.

Ý nghĩa của việc bạn có thể nhận được lời mời f de freeCodeCamp máy bay ném bom publicacion[0].

Theo cách khác, puedes gia nhập một otras letras de la palabra. Puedes reemplazar el “0” con cualquier number, mientras no se exeda longitud de la palabra. Si se exede dicha longitud, como tratar de ejecutar publicacion[25] không có lỗi nào xảy ra, chỉ có một hoặc 12 chữ cái trong bảng chữ cái “freeCodeCamp”.

Cómo escribir en mayúscula la primera letra

Ahora que sabemos cómo acceder a letra de una palabra. Vamos a escribirla en mayúscula.

Đọc thêm  Hoisting trong JavaScript là gì?

Trong JavaScript tồn tại một phương thức llamado toUpperCase(), con el cual podemos llamar cadenas o palabras. Como podemos inferir por el nombre, se invoca para una cadena/palabra, y devuelve la misma cosa, pero en mayúsculas.

Ví dụ:

const publicacion = "freeCodeCamp";
publicacion[0].toUpperCase();

Al ejecutar el codigo de arriba, vas a obtener una F mayúscula en lugar de f. Để phục hồi hoàn toàn palabra, podemos hacer esto:

const publicacion = "freeCodeCamp";
publicacion[0].toUpperCase() + publicacion.substring(1);

Nếu bạn kết hợp “F” với “reeCodeCamp”, ý nghĩa của việc thu hồi cung điện “FreeCodeCamp” là rất quan trọng. ¡Eso es todo!

tóm tắt

Para asegurarnos que todo queda claro, veamos lo que hemos aprendido hasta ahora:

  • Trong JavaScript, conteo empieza desde 0.
  • Podemos có thể tham gia một letra de una cadena de la misma manera mà accedemos là một phần tử của một mảng – bởi ví dụ. cadena[índice].
  • No used un índice que exceda la longitud de la cadena (usa el the method of longitud – cadena.length – para encontrar el rango que puedes usar).
  • Hoa Kỳ phương pháp tích hợp toUpperCase() en la letra que quieres convertir a mayúscula.

El siguiente paso es tomar una oración y poner en mayúsculas cada palabra de esa oración. Tomemos la siguiente oración:

const miOracion = "freeCodeCamp es un recurso impresionante";

Tách biệt trong palabras

Necesitamos escribir en mayúscula la primera letra de cada palabra del ennunciado freeCodeCamp es un recurso impresionante.

El primer paso que damos es dividir la oración en una series de palabras. ¿Por que? Así que podemos manipular cada palabra personalmente. Podemos hacerlo de la siguiente manera:

const miOracion = "freeCodeCamp es un recurso impresionante";
const palabras = miOracion.split(" ");

Iterar sobre cada palabra

Después de ejecutar el codigo de arriba, a la variable palabras se le asigna un arreglo con cada palabra de la oración. Dicho areglo es así: ["freeCodeCamp", "es", "un", "recurso", "impresionante"].

const miOracion = "freeCodeCamp es un recurso impresionante";
const palabras = miOracion.split(" ");

for (let i = 0; i < palabras.length; i++) {
    palabras[i] = palabras[i][0].toUpperCase() + palabras[i].substr(1);
}

Ahora el siguiente paso es recorrer el arreglo de palabras y convertir a mayúscula la primera letra de cada palabras.

Đọc thêm  Chuỗi nhiều dòng JavaScript – Cách tạo chuỗi nhiều dòng trong JS

En el código de arriba, cada palabra se toma por separado. Luego convierte a mayúscula la primera letra, y al final, junta la primera letra en mayúscula con el resto de la cadena.

Unir las palabras

¿Qué es lo que hace el código de arriba? Itera sobre cada palabra, y la reemplaza con la primera letra en mayúscula + el resto de la cadena.

Nếu bạn sử dụng “freeCodeCamp” như một ví dụ, hãy chắc chắn rằng điều đó xảy ra freeCodeCamp = F + reeCodeCamp.

Después de iterar sobre todas las palabras, el areglo palabras["FreeCodeCamp", "Es", "Un", "Recurso", "Impresionante"]. Tội lỗi cấm vận, tenemos un arreglo, no una cadena, que no es lo queremos.

El último paso is unir todas las palabras para formar una oración. Vì vậy, bạn có mo lo hacemos?

En JavaScript tenemos un method lalamado join, bạn có thể sử dụng nó để chuyển đổi một mảng như cadena. Phương pháp này được sử dụng để tách một đối số. E decir, especamos qué añadir entre palabras, por ejemplo, un espacio.

const miOracion = "freeCodeCamp es un recurso impresionante";
const palabras = miOracion.split(" ");

for (let i = 0; i < palabras.length; i++) {
    palabras[i] = palabras[i][0].toUpperCase() + palabras[i].substr(1);
}

palabras.join(" ");

En el fragmento de codigo de arriba, podemos ver el method tham gia en accion. Lo llamamos para el arreglo palabrasy especamos el separador, que en nuestro caso es un espacio.

Por lo tanto, ["FreeCodeCamp", "Es", "Un", "Recurso", "Impresionante"] se convierte en FreeCodeCamp Es Un Recurso Impresionante.

Thông thường trong chương trình hoặc nhiều cách giải quyết vấn đề nhầm lẫn. Así que veamos otro enfoque.

const miOracion = "freeCodeCamp es un recurso impresionante";
const palabras = miOracion.split(" ");

palabras.map((palabra) => { 
    return palabra[0].toUpperCase() + palabra.substring(1); 
}).join(" ");

¿Điều gì là sự khác biệt giữa giải pháp đến và giải pháp ban đầu? Las dos soluciones son muy similares, siendo la diferencia que en la segunda solución usamos la función mapmientras que en la primera solution usamos un bucle for.

Vayamos más lejos, e intentemos hacerlo en một sola trực tuyến. ¡Pero ten cuidado! Các giải pháp về lý trí có thể mang lại lợi nhuận cho các thể loại, nhưng con trai thực của thế giới hiếm khi sử dụng porque es khó khăn. Lagibilidad del código siempre es primero.

const miOracion = "freeCodeCamp es un recurso impresionante";

const OracionFinal = miOracion.replace(/(^\w{1})|(\s+\w{1})/g, letra => letra.toUpperCase());

El codigo de arriba usa RegEx (Expresión Regular) để chuyển đổi las letras. RegEx có thể gây nhầm lẫn, vì nó đã dẫn đến việc giải thích:

  • ^ trùng hợp với con el comienzo de la cadena.
  • \w trùng hợp với con cualquier carácter de la palabra.
  • {1} toma solo el primer carácter.
  • Por lo tanto, ^\w{1} trùng con la primera letra de la palabra.
  • | funciona como el OR booleano. Coincide con la expresión antes y después del |.
  • \s+ trùng hợp với con cualquier cantidad de espacios en blanco entre las palabras (por ejemplo, espacios, tabulaciones, o saltos de línea).
Đọc thêm  Curso JS miễn phí cho người học chính

Như vậy, con una sola línea, hemos logrado la misma cosa que logramos con las soluciones de arriba. Nếu bạn muốn chơi RegEx và thêm một tháng nữa. Bạn có thể sử dụng trang web này.

¡Felicidades, aprendiste algo nuevo hoy! Như một câu trả lời, trong một nghệ thuật được cho là như vậy:

  • Tăng cường tính chất của una cadena.
  • Escribir en mayúscula la primera letra de una palabra.
  • Tách una cadena en un arreglo de palabras.
  • Unir de nuevo las palabras de un arreglo para formar una cadena.
  • Sử dụng RegEx để thu thập dữ liệu sai.

¡Gracias por leer! Si quieres mantenerte en contacto, conectémonos en Twitter @catalinmpit. También publico artículos de manera regular en mi blog catalins.tech si quieres leer more content of mío.





Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status