パスカルケース関数の拡張と使用
動作する toPascalCase 関数ができたので、追加機能を持たせて拡張し、実用的な使い方を学んでみましょう。
-
WebIDE で pascalCase.js ファイルを開きます。
-
関数を修正して、エッジケースをより適切に処理できるようにしましょう。既存のコードを以下のように置き換えます。
/**
* Converts a string to Pascal case.
* @param {string} str - The input string to convert.
* @returns {string} The Pascal cased string.
*/
function toPascalCase(str) {
// Handle edge cases
if (!str) return "";
if (typeof str !== "string") return "";
// Use regex to match words regardless of delimiter
const words = str.match(
/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
);
// If no words are found, return an empty string
if (!words) {
return "";
}
// Capitalize each word and join them
return words
.map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
.join("");
}
// Test cases including edge cases
console.log(toPascalCase("hello world")); // "HelloWorld"
console.log(toPascalCase("")); // ""
console.log(toPascalCase(null)); // ""
console.log(toPascalCase("123_abc")); // "123Abc"
console.log(toPascalCase("UPPER_CASE_EXAMPLE")); // "UpperCaseExample"
console.log(
toPascalCase("some-mixed_string with spaces_underscores-and-hyphens")
); // "SomeMixedStringWithSpacesUnderscoresAndHyphens"
// Create a reusable utility module
module.exports = { toPascalCase };
-
Ctrl+S を押してファイルを保存します。
-
次に、別のファイルでこの関数をユーティリティとして使用する方法を示す新しいファイルを作成しましょう。上部メニューの「File」>「New File」をクリックして新しいファイルを作成します。
-
このファイルを /home/labex/project ディレクトリに useCase.js として保存します。
-
useCase.js に以下のコードを追加します。
// Import the toPascalCase function from our utility file
const { toPascalCase } = require("./pascalCase");
// Example: Converting database field names to JavaScript variable names
const databaseFields = [
"user_id",
"first_name",
"last_name",
"email_address",
"date_of_birth"
];
// Convert each field name to Pascal case
const javaScriptVariables = databaseFields.map((field) => toPascalCase(field));
// Display the results
console.log("Database Fields:");
console.log(databaseFields);
console.log("\nJavaScript Variables (Pascal Case):");
console.log(javaScriptVariables);
// Example: Creating a class name from a description
const description = "user account manager";
const className = toPascalCase(description);
console.log(`\nClass name created from "${description}": ${className}`);
-
Ctrl+S を押してファイルを保存します。
-
Node.js を使って新しいファイルを実行します。ターミナルで以下を入力します。
node useCase.js
以下のような出力が表示されるはずです。
Database Fields:
[ 'user_id', 'first_name', 'last_name', 'email_address', 'date_of_birth' ]
JavaScript Variables (Pascal Case):
[ 'UserId', 'FirstName', 'LastName', 'EmailAddress', 'DateOfBirth' ]
Class name created from "user account manager": UserAccountManager
これは、データベースのフィールド名を JavaScript の変数名に変換したり、説明からクラス名を作成したりするための toPascalCase 関数の実用的な使い方を示しています。
以下の点も追加したことに注意してください。
- null、undefined、または文字列でない入力に対するエラーハンドリング
- 関数を他のファイルにインポートできるようにするためのモジュールエクスポート
- 関数を使用する実際の例
これらの拡張により、toPascalCase 関数はより堅牢になり、実際の JavaScript アプリケーションでも使いやすくなります。
