Skip to main content
100%

Title Case in JS

✓ Published0🌍 Public
Aabehmiel
Last edited May 25, 2017
Created on May 25, 2017

The example demonstrates a straightforward text-transformation utility that converts any given string to Title Case, capitalizing the first letter of each word while lowercasing the remaining characters. It operates on a single string input and returns the formatted result. The code relies on the native JavaScript `String.replace()` method with a regular expression (`/\w\S*/g`) to match word boundaries, and applies a callback function that uses `charAt()`, `toUpperCase()`, and `substr()` to restructure each word. No external libraries or frameworks are involved, and the function is self-contained, making it a reusable snippet for formatting labels or headings in web applications.

AI-generated description

Similar vizzes

Loading thumbnail…

Ramda Title Case

This example demonstrates how to build a text-transformation pipeline using the Ramda functional library, converting a plain string into title case. The visualization shows the step-by-step composition of small, reusable functions, starting with splitting the input on spaces. The code defines a `capitalize` function using `R.converge` to concatenate an uppercased first character with the remaining tail, and then composes a `toTitleCase` function with `R.compose`, `R.join`, and `R.map`. The entire transformation is expressed through pure function composition rather than imperative loops.

66ewis
66% match
Loading thumbnail…

Gist 6ca203fa1eab16a0f3c98d442ba9eea0

This example demonstrates a JavaScript function that transforms an input string into a "mumbling" pattern, where each character is repeated incrementally, capitalized at the start, and joined by hyphens. The visualization shows the result of applying this logic to sample strings like "abcd," "cwAt," and "RqaEzty" using the built-in `split`, `toLowerCase`, `toUpperCase`, `slice`, `map`, and `join` methods, along with custom `capitalize` and `accum` functions. The code relies on plain JavaScript string array manipulation without external libraries, producing outputs such as "A-Bb-Ccc-Dddd" for the first example.

MMistyBlunch
65% match
Loading thumbnail…

Normalizer

This example demonstrates a string normalization function that converts accented and special characters into plain ASCII equivalents. It builds a character mapping from two parallel strings, then processes each input character, replacing matches with their mapped counterparts and lowercasing the final result. The implementation relies on standard JavaScript string methods such as `charAt`, `hasOwnProperty`, `join`, and `toLowerCase`. The code is presented as a standalone JavaScript function, with no external libraries or data sources involved, showing the raw logic behind text sanitization in a compact form.

LLuisSevillano
60% match
Loading thumbnail…

Some handy string functions written in TypeScript

This example demonstrates a set of pure TypeScript string-manipulation functions that convert between naming conventions such as snake_case, kebab-case, camelCase, and PascalCase. It shows how regular expressions and string methods like `replace`, `match`, `map`, and `join` transform input text. The code defines exported functions `toSpaces`, `toSnakeCase`, `toKebabCase`, `toCamelCase`, and `toPascalCase`, each with documented example inputs and outputs. No external libraries are used; the logic relies solely on native JavaScript string APIs and TypeScript type annotations.

Aabonello
60% match
Loading thumbnail…

JS Bin

This example demonstrates two JavaScript array and string manipulation techniques: counting duplicate names in an array using the `reduce` method, and checking if two words are anagrams by sorting their lowercase, trimmed characters. The code logs results to the console, showing a counted object with name frequencies and a boolean `isAnagram` variable. It relies on native JavaScript functions like `toLowerCase`, `split`, `sort`, `join`, and `trim`, with no external visualization libraries. The dataset is a hardcoded array of names and two test words embedded directly in the script.

JJn1532
56% match
Loading thumbnail…

Gist 75454

This example demonstrates string manipulation utilities in Objective-C, converting camelCase or mixed-case strings into either underscore-separated or dash-separated formats. The code defines an NSString category with `underscore` and `dasherize` methods, which internally call a private `normalizeWith:` method that iterates over each character, detects uppercase letters and existing delimiters, and inserts the chosen separator while preserving the original text. The implementation uses NSCharacterSet, NSMutableString, and unichar APIs to perform character-by-character processing, ultimately returning a lowercase version of the transformed string.

CCaged
55% match
Loading thumbnail…

JS Bin

This example counts character frequency in a long string of text and outputs a sorted array of characters with their occurrence counts. The code uses JavaScript's `reduce` method to build a frequency object, then sorts the result in descending order using a custom `compareNumbers` function. The data source is a hardcoded string of lowercase letters and underscores. The final output is logged to the console via `console.log`, showing the sorted array in descending order by frequency.

JJn1532
54% match
Loading thumbnail…

camelCase attributes

This example demonstrates how d3-jetpack’s `st` method simplifies setting multiple style attributes using camelCase keys, which are automatically converted to hyphenated CSS properties. It shows a single line of code replacing several verbose `style` calls, making the syntax cleaner and more readable. The page renders the text “Centered Words” in the middle of the viewport, using d3.select and the jetpack `st` method to apply margins, text alignment, and font family. The visualization highlights the convenience of concise, unquoted attribute names.

11wheel
53% match