Webデザイナーを目指す人のブログ

Webサイト作成時に勉強したことの備忘録

JavaScript サイト構築

【Javascript】組み込みオブジェクト〜StringオブジェクトとArrayオブジェクト〜

投稿日:

                                                                                                                                 

組み込みオブジェクト

今日は組み込みオブジェクトについて見ていきます。
昨日書いた記事ではオブジェクトを自分で作りましたが、今日まとめていく組み込みオブジェクトというのは、JavaScripがあらかじめ用意しているオブジェクトになります。


組み込みオブジェクトにもいくつか種類があります。

Stringオブジェクト 文字列を扱うオブジェクト
Arrayオブジェクト 配列を扱うオブジェクト
Dateオブジェクト 日付を扱うオブジェクト
Mathオブジェクト 数学に関するオブジェクト

今日はStringオブジェクトとArrayオブジェクトを見ていきます。

Stringオブジェクト

Stringオブジェクトを使うときはnewを指定します。

var オブジェクト名 = new String();



Stringオブジェクトのプロパティは以下のサイトから確認することができます。
Stringのプロパティ一覧
今日は数あるプロパティの中からlengthというプロパティを紹介します。
lengthは文字列の文字数を返してくれるプロパティです。
例を見ていきましょう。

var st = new String("tokyo"); 
 console.log(st.length);


tokyoが5文字であるため5という値が表示されています。

Arrayオブジェクト

Arrayオブジェクトを使うときもStringオブジェクトと同様にnewを指定します。

var オブジェクト名 = new Array();



Arrayオブジェクトのプロパティには次のものがあります。

length 要素の個数を取得する
forEach 配列のループ処理
push 配列の末尾に要素を追加する
pop 配列の末尾の要素を削除する
shift 配列の先頭の要素を削除する
unshift 配列の先頭に要素を追加する
indexOf 要素のインデックスを取得する
splice インデックス位置を指定して要素を削除する
slice 配列をコピーする

プロパティの使い方の詳細については以下のサイトから確認することができます。
Arrayのプロパティ一覧


今回はStringオブジェクトでも出てきたlengthについて見ていきます。

var ar = new Array["東京","大阪","福岡","愛知","北海道"]; 
 console.log(ar.length);


配列内に5つの要素があるため5という値が表示されています。

ということで今日は組み込みオブジェクトのStringとArrayをみていきました。
明日はDateオブジェクトとMathオブジェクトについてみていきます。
へば!

-JavaScript, サイト構築

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

CSSの基礎 vol.1

擬似クラスとは? ある要素が特定の状態にある場合のスタイルを指定するものです。 例えば <ul> <li>この行だけ色がつきます</li> <li>色が …

no image

【Javascript】ダイヤルボックス

alert pcやスマホを使っているとダイヤルボックスが出てきて確認を求められることがしばしばあります。 今日はそのダイヤルボックスの出し方について書いていきます。 最初はアラートについてです。 &l …

no image

【Javascript】DOMとは

DOMとは Javascriptを勉強しているとDOMという言葉を見かけるようになりました。 今日はこのDOMというものについて見ていきましょう。 DOMの説明に入る前にWindowオブジェクトについ …

no image

bootstrap vol.02

bootstrapでフォームのスタイリングをする 前回に引き続き、bootstrapについてです。 今回はフォームやボタンなどbootstrapを使ったスタイリングについて書いていきます。 フォームを …

no image

iframeのレスポンシブデザイン

youtube動画をサイトに埋め込む youtube動画をサイトに埋め込みたいというときの埋め込み方法を書いていきます。 動画の下にある共有をクリック 埋め込みコードをクリックするとhtmlが出てくる …