JavaScriptのstringオブジェクトに関して(後編)

トモジ

stringオブジェクトって何？
詳しく知りたい・・

本記事は、
上記のような方に向けて記事を書いています。

こんにちは、トモジです。

私はプログラミング未経験から独学で勉強して、
簡易的な動的サイト・ゲーム・サービスが
作れる状態になりました。

本記事は、stringオブジェクトに関して要点をわかりやすく説明しております。

1.JavaScriptのstringオブジェクト

stringオブジェクトは、
文字列型を扱うためのオブジェクトになり
抽出や加工・検索などの機能を提供してます。

非常にたくさんの機能が提供されておりますので、
今回は後編(みどり枠)を順番に説明していきます。

2.大文字↔︎小文字

stringオブジェクトの[大文字↔︎小文字]は、
以下の2種類のメンバーがありますので
順番に見ていきましょう。

toLowerCase

toLowerCaseは、
大文字を全て小文字に変換します。

var str = "AbCdEfG";

console.log(str.toLowerCase());

toUpperCase

toUpperCaseは、
小文字を全て大文字に変換します。

var str = "AbCdEfG";

console.log(str.toUpperCase());

次の分類に進む前に、
プログラミングでの単語や要素の表現方法について触れていましょう。

色々な文字表現

コーディングやプログラミングでの
単語や要素の表記には、可読性を上げるために色々な手法が用いられています。
※あくまでも暗黙のルールだと思って使用すること

キャメルケース(camelCase)

最初以外の各単語や要素語の
頭文字を大文字で表記する手法になります。

・C#やJavaScriptの関数名など

アッパーキャメルケース(Upper camelCase)

キャメルケースの
先頭の文字を大文字にする手法になります。

・クラスの命名の時など

スネークケース(snake_case)

スペース（空白）を入れずに各単語や要素語を、
アンダーバー( _ ）で表記する手法になります。

・バックエンドの変数名や関数名など
・データーベースのオブジェクト名など

ケバブケース(kebab-case)

スペース（空白）を入れずに各単語や要素語を、
ハイフン( – )で表記する手法になります。

・HTMLのクラス名・ID名など

3.コード変換

コード変換とは、
指定した文字を規格に基づいて変換することです。

stringオブジェクトのコード変換は、
以下の4種類のメンバーがありますので
順番に見ていきましょう。

charCodeAt

charCodeAtは、指定した位置の文字(n番目)を
Latin-1コードに変換します。

var str = "string";

console.log(str.charCodeAt(3));

Latin-1コードとは

ISO 8859-1のLatin-1は、ラテンアルファベットの文字コード標準です。
アルファベットにウムラウトがついた文字などは、
英語以外のラテン系欧州語(フランス語、ドイツ語)で使用されます。

fromCharCode

fromCharCodeは、
Latin-1コードから通常文字に変換します。

console.log(String.fromCharCode(12468,12523,12468,49,51));

codePointAt

codePointAtは、指定した位置の文字を
UTF-16にエンコードされて
割り振られている番号(コードポイント)に変換します。

var str = "string";

console.log(str.codePointAt(3));

UTF[UTF-8やUTF-16]

Unicode(文字集合)は、アルファベット・記号・漢字・ひらがな・ハングル・ヘブライ文字など、
世界中で使われている文字を集めたものです。
UTFは、そのUnicodeをどのように符号化するかというエンコードの方法です。

fromCodePoint

fromCodePointは、 Unicodeの文字コード(Unicodeコードポイント)から文字を生成します。

Unicode コードポイントは
0x0000 から 0x10FFFF
(0 から 1114111) の間の数値

console.log(String.fromCodePoint(12468,12523,12468,49,51));

4.その他

stringオブジェクトのコードその他は、
以下の4種類のメンバーがありますので
順番に見ていきましょう。

concat

concatは、文字列の後方に指定した文字列を繋げることができます。

var str = "ゴルゴ";

console.log(str.concat("13"));

repeat

repeatは、指定回数だけ文字列を繰り返します。

var str = "にわ";

console.log(str.repeat(4));

trim

trimは、文字列の前後の空白を削除します。

var str = "    前後の空白を削除　　　 ";

console.log(str.trim());

length

lenghtは、文字列の長さを取得できます。

var str = "この文字列の長さは何文字でしょうか？";

console.log(str.length);

まとめ

最後にこの記事のポイントをまとめておきます。