文字列の操作 [JavaScript]

文字列の操作

ドキュメント：

テキストを扱う | MDN

length

文字数を返す

str.length

ドキュメント：

String.length | MDN

substr

str.substr(start[, length])

ドキュメント：

String.prototype.substr() | MDN

参考：

文字列切り出し (slice, substr, substring) の違い | のんびり猫プログラマの日常

.substr() | JavaScript 日本語リファレンス (js STUDIO)

slice

str.slice(beginSlice[, endSlice])

ドキュメント：

String.prototype.slice() | MDN

参考：

文字列切り出しの違い (slice / substr / substring) | のんびり猫プログラマの日常

.slice() | JavaScript 日本語リファレンス (js STUDIO)

replace

str.replace(regexp|substr, newSubstr|function)

ドキュメント：

String.prototype.replace() | MDN

split

str.split([separator[, limit]])

ドキュメント：

String.prototype.split() | MDN

参考：

How to make an array from a string by newline in JavaScript? – Stack Overflow

indexOf

ドキュメント：

String.prototype.indexOf() | MDN

repeat

str.repeat(count)

ドキュメント：

String.prototype.repeat() | MDN

参考：

同じ文字列を繰り返す – Qiita

Javascript で同じ文字列を繰り返す方法 | Web備忘録

同じ文字 (列) を繰り返して新しい文字列を生成。| freefielder.jp

Repeat Character N Times – Stack Overflow

文字列を繰り返す | コピペで使える JavaScript 逆引きリファレンス

連結

• + 演算子
• += 演算子
• `` 内で ${} を使う
• concat
• join

ドキュメント：

String.prototype.concat() | MDN

参考：

文字列の結合方法による速度差 – Qiita

文字列の連結 | JavaDrive

文字列の連結と分割 (concat / split) | 行け！偏差値40プログラマー

JavaScript で文字列の連結は「+=」が高速 | 地潜の日記

文字列の連結 | 武内修

split string because of eslint error – Stack Overflow

join

ドキュメント：

Array.prototype.join() | MDN

参考：

JavaScript で文字列を連結する方法 | UX MILK

フォーマット

var i = 123;
("000" + i).substr(-4);
// => "0123"

参考：

Javascript で文字列の 0 埋め／空白で右寄せでフォーマット | それマグで！

sprintf

リポジトリ：

alexei/sprintf.js: sprintf.js is a complete open source JavaScript sprintf implementation – GitHub

akinomyoga/agh.sprintf.js: C, POSIX compatible sprintf written in JavaScript – GitHub

参考：

sprintf が意外と使える件 | コードで一言

Node.js の console.log で %09d みたいなフォーマットをしたいとき – Qiita

agh.sprintf.js – JavaScript で sprintf を実装する – Qiita

js-sprintf.js – JavaScript 版 sprintf() | とほほのＷＷＷ入門

テンプレートリテラル

参考：

JavaScript の テンプレートリテラル を極める！- Qiita

テンプレート文字列 | MDN

途中に改行をそのまま含む文字列

参考：

複数行文字列 | MDN

Multiline String Variables in JavaScript | CSS-Tricks

改行を取り除く

文字列の最後の改行を取り除く

str.replace(/\r?\n$/, '')

文字列中の全ての改行を取り除く

str.replace(/\r?\n/g, '')

参考：

文字列の改行を削除する｜マコトのおもちゃ箱

Remove line breaks with JavaScript | Texthandler

Remove the last “\n” from a textarea – Stack Overflow

前後の空白・改行を取り除く

ネイティブ

str.trim()

replace を使って正規表現で空白を取り除く

str.replace(/^\s+|\s+$/g, '')

jQuery

$.trim(str)

Lodash

_.trim(str)

ドキュメント：

String.prototype.trim() | MDN

jQuery.trim() | jQuery API Documentation

_.trim([string=”], [chars=whitespace]) | Lodash Documentation

参考：

JavaScript で文字列の trim – Qiita

javascript で Trim する (改行含む) | パンプキンスパイスラテ

Remove the last “\n” from a textarea – Stack Overflow

キャメルケース

参考：

Convert hyphens to camel case (camelCase) – Stack Overflow

camelcase

リポジトリ：

sindresorhus/camelcase: Convert a dash/dot/underscore/space separated string to camelCase: foo-bar → fooBar – GitHub

入手：

camelcase – npm

humps

リポジトリ：

domchristie/humps: Underscore-to-camelCase converter (and vice versa) for strings and object keys in JavaScript – GitHub

Underscore.string

公式サイト：

underscore.string [Official]

リポジトリ：

epeli/underscore.string: String Manipulation Helpers for JavaScript – GitHub

参考：

JavaScript の文字列補強ライブラリ Underscore.string.js が便利 – Qiita

string.js

リポジトリ：

jprichardson/string.js: Extra JavaScript String Methods – GitHub

入手：

string – npm

参考：

JavaScript の string.js ライブラリ | 酒と涙とRubyとRailsと

camelize

リポジトリ：

substack/camelize: recursively transform key strings to camel-case – GitHub

入手：

camelize – npm