JavaScript - 版の履歴

Senooken: replace

2025-08-27T00:58:26Z

replace

@@ 211行目: / 211行目: @@
   const result = trimCustom('###Hello World###', '#');
   console.log(result); // "Hello World"
 ==== Array ====

Senooken: /* JavaScriptの読込場所 */

2025-01-24T08:33:34Z

JavaScriptの読込場所

← 古い版		2025年1月24日 (金) 17:33時点における版
781行目:		781行目:
	* document.addEventListener('DOMContentLoaded', ): loadより先。DOM構築後画像類の読込前。		* document.addEventListener('DOMContentLoaded', ): loadより先。DOM構築後画像類の読込前。

	~~基本はwindow~~.addEventListener('~~load~~', )で設定。これをhead要素内などの冒頭に記述するなどするといい。どこに記述しても問題ない書き方。		https://chatgpt.com/c/67934ec7-27c0-800b-ad9d-71c302f40121

			window.loadは外部画像などの読み込み完了まで待つので、ここでやると反映が遅くなる。

			基本はdocument.addEventListener('DOMContentLoaded', )で設定。これをhead要素内などの冒頭に記述するなどするといい。どこに記述しても問題ない書き方。

	=== Other ===		=== Other ===

Senooken: elasticの例追加。

2024-11-28T03:50:47Z

elasticの例追加。

差分を表示

Senooken: Tableを一か所に。

2024-11-28T02:45:21Z

Tableを一か所に。

差分を表示

Senooken: Find

2024-11-28T02:19:24Z

Find

@@ 259行目: / 259行目: @@
 * Array.prototype.shift(): 先頭要素を取得・削除。
 * Array.prototype.pop(): 末尾要素を取得・削除。
 ===== 一括関数 =====

Senooken: Remove

2024-11-28T01:18:57Z

Remove

← 古い版		2024年11月28日 (木) 10:18時点における版
254行目:		254行目:
	0.6000000238418579</nowiki>		0.6000000238418579</nowiki>
	関数を使わない分、lengthのほうが速い。空配列の考慮が少々面倒だけど。		関数を使わない分、lengthのほうが速い。空配列の考慮が少々面倒だけど。

			===== Remove =====

			* Array.prototype.shift(): 先頭要素を取得・削除。
			* Array.prototype.pop(): 末尾要素を取得・削除。

	===== 一括関数 =====		===== 一括関数 =====

Senooken: 配列から作成

2024-11-27T07:21:16Z

配列から作成

← 古い版		2024年11月27日 (水) 16:21時点における版
289行目:		289行目:

	console.log(obj);		console.log(obj);

			====== 配列から作成 ======
			[https://yklog.net/js_array_to_object/ 【JS】配列→オブジェクトに変換する5つの方法 \| YKlog]

			Object.assign

			スプレッド構文

			forEach

			reduce

			Object.fromEntries

			Object.assignがシンプル。
			Object.assign({}, ["aaa", "bbb", "ccc"])
			// { 0: "aaa", 1: "bbb", 2: "ccc" }


			// 参）オブジェクトのコピー
			const target = { a: 1, b: 2 }
			const newObg = Object.assign(target, { b: 4, c: 5 })
			console.log(target) // { a: 1, b: 4, c: 5 }
			console.log(newObg === target) // true

			// 参）オブジェクトの結合
			const obj1 = { a: 1 }
			const obj2 = Object.assign(obj1, { b: 2, c: 3 }, { d: 4 })
			console.log(obj1) // { a: 1, b: 2, c: 3, d: 4 }
			console.log(obj2) // { a: 1, b: 2, c: 3, d: 4 }

	===== Merge =====		===== Merge =====

Senooken: NaN

2024-11-26T08:33:38Z

NaN

← 古い版		2024年11月26日 (火) 17:33時点における版
595行目:		595行目:

	=== Global Object ===		=== Global Object ===
			[https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects 標準組み込みオブジェクト - JavaScript \| MDN]

			グローバルオブジェクト (global objects) (標準組込オブジェクト) はthe global objectとは異なる。グローバルスコープにあるオブジェクトのこと。日本語だと標準組込オブジェクトで理解しておくとよい。

			どこからでもアクセス可能なオブジェクト。非常に重要。

			===== NaN =====
			[https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/NaN NaN - JavaScript \| MDN]

			標準組込オブジェクトのプロパティー。言い換えれば、グローバルスコープの変数。

			扱いが特殊。

			NaNは別のNaNを含むあらゆる数と不一致。NaNの判定には、Number.isNaN()かisNaN()を使うしかない。あるいは、自己比較。自己比較したら普通trueになるが、NaNだけfalseになる。
			NaN === NaN; // false
			Number.NaN === NaN; // false
			isNaN(NaN); // true
			isNaN(Number.NaN); // true
			Number.isNaN(NaN); // true

			function valueIsNaN(v) {
			return v !== v;
			}
			valueIsNaN(1); // false
			valueIsNaN(NaN); // true
			valueIsNaN(Number.NaN); // true

			* isNaN=変換結果がNaNの場合もtrue。

			* Number.isNaN=値そのものがNaNの場合だけtrue。

			==== Number ====
			[https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number Number - JavaScript \| MDN]

			===== NaN =====
			[https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/NaN Number.NaN - JavaScript \| MDN]



	==== Date ====		==== Date ====

Senooken: trim

2024-11-26T02:06:25Z

trim

@@ 177行目: / 177行目: @@
   not ${2 * a + b}.`);
 変数を交えた複雑な文字列の生成時にすっきりとする。ただ、${}が必須なので、長くなることが多い。
 ==== Array ====

Senooken: /* オブジェクトリテラル引数 */

2024-11-26T00:38:42Z

オブジェクトリテラル引数

← 古い版		2024年11月26日 (火) 09:38時点における版
529行目:		529行目:

	できるだけ使うことにする。ただし、関数の引数名のプロパティー名が使うときも固定になるので、命名に注意する。		できるだけ使うことにする。ただし、関数の引数名のプロパティー名が使うときも固定になるので、命名に注意する。

			jsdocで文書化する場合。少しだけ注意が必要。
			/**
			* ユーザーを作成します。
			*
			* @param {Object} options - ユーザーの設定オプション。
			* @param {string} options.name - ユーザーの名前。
			* @param {number} options.age - ユーザーの年齢。
			* @param {boolean} [options.isAdmin=false] - ユーザーが管理者であるかどうか（オプション）。
			*/
			function createUser({ name, age, isAdmin = false }) {
			console.log(`Name: ${name}, Age: ${age}, Admin: ${isAdmin}`);
			}

			// 使用例
			createUser({ name: "Alice", age: 30 });
			ｈ

			引数全体をObjectとして記述しておいて、プロパティーを説明する。同じオブジェクトを他で流用するならparamではなく最初を@typedefにする。

	=== class ===		=== class ===