質問編集履歴

setterの部分を修正［未定義のPropertyの場合、処理しない様に修正］

2020/10/12 02:50

投稿

tama_yn0815

スコア143

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -126,158 +126,352 @@
 ```javascriot
-Object.prototype.setter = function(member, /*...multilayered, */value) {// -> member, multilayered, vは実質使用しない....残余引数で対応したい
-	var _obj = this;// -> Class化されたオブジェクトに対応
-	// 通常配列化
-	var _args = Array.from(arguments); // -> ポリフィルを作成した(IEとか対応)
-	if (_args.length < 2) {
-		var msg = 'Unexpected execution: there are not enough arguments to execute ' + typeof this + '.';
-		throw new UserException(msg, 'error'); // -> typeは列挙型にしたい
+(function () {
+	// 基底セッター
+	Object.prototype.setter = function(member, /*...multilayered, */value) {// -> member, multilayered, valueは実質使用しない....残余引数で対応したい
+		var obj = this;// -> Class化されたオブジェクトに対応
+		// 通常配列化
+		var _args = Array.from(arguments); // -> ポリフィルを作成した(IEとか対応)
+		if (_args.length < 2) {
+			var msg = 'Unexpected execution: there are not enough arguments to execute ' + typeof this + '.';
+			throw new TypeError(msg);
+		}
+		var changeAssignValue = _args.pop(); // -> _argsから最後の要素を削除し、変数[changeAssignValue]でキャッチする
+		var menberKeyList = getMenberKeyList(_args.flat(1/0)); //-> _argsの中身を単配列化&階層を配列に詰める
+		var menberLayeredLength = menberKeyList.length;
+		var menberListIndex = 0;
+		var hasMenber = false;
+		var memberName = void(0);
+		var _obj = obj; // -> 処理用変数
+		var isLast = false;
+		while (menberListIndex < menberLayeredLength) {
+			isLast = (menberListIndex == menberLayeredLength - 1);
+			memberName = menberKeyList[menberListIndex];
+			hasMenber = _obj.hasOwnProperty(memberName); // -> objではダメ。。1階層目以外書き換え不可
+			if (hasMenber) {
+				// 最後のindexのみ、propertyの書き換え
+				if (isLast) {
+					Object.defineProperty(_obj, memberName, { value: changeAssignValue, writable: false, enumerable: true });
+				}
+				_obj = _obj[memberName];
+			} else {
+				//_obj[memberName] = {};// -> 不用意なメンバー追加は避けた方が良いかも。。。
+			}
+			menberListIndex++;
+		}
+		return obj;
+	};
+	// 念のため、列挙不可へ書き換え...jQueryUIの処理とバッティングする
+	Object.defineProperty(Object.prototype, 'setter', { value: Object.prototype.setter, writable: false, enumerable: false });
+	// 基底ゲッター
+	Object.prototype.getter = function(member/*, ...multilayered*/){// -> m, multilayeredは実質使用しない....残余引数で対応
+		var obj = this;// -> Class化されたオブジェクトに対応
+		// 通常配列化
+		var _args = Array.from(arguments); // -> ポリフィルを作成した(IEとか対応)
+		if (_args.length < 1) {
+			var msg = 'Unexpected execution: there are not enough arguments to execute ' + typeof this + '.';
+			throw new TypeError(msg);
+		}
+		var results = null;
+		var menberKeyList = getMenberKeyList(_args.flat(1/0)); //-> _argsの中身を単配列化&階層を配列に詰める
+		var menberLayeredLength = menberKeyList.length;
+		var menberListIndex = 0;
+		var hasMenber = false;
+		var memberName = void(0);
+		var _obj = obj; // -> 処理用変数
+		while (menberListIndex < menberLayeredLength) {
+			isLast = (menberListIndex == menberLayeredLength - 1);
+			memberName = menberKeyList[menberListIndex];
+			hasMenber = _obj.hasOwnProperty(memberName); // -> objではダメ。。1階層目以外書き換え不可
+			if (hasMenber) {
+				if (isLast) {
+					results = _obj[memberName];
+				}
+				_obj = _obj[memberName];
+			}
+			menberListIndex++;
+		}
+		return results;
+	};
+	// 念のため、列挙不可へ書き換え...jQueryUIの処理とバッティングする
+	Object.defineProperty(Object.prototype, 'getter', { value: Object.prototype.getter, writable: false, enumerable: false });
+	// Array[ポリフィル:IE11対応]
+	Object.defineProperty(Array.prototype, 'flat', { writable: false, enumerable: false, value: (function (){
+		return (Array.prototype.flat) ? Array.prototype.flat : function (deepth) {
+			var _arr = this;
+			if (isNaN(deepth)) { deepth = 1; }
+			return deepth > 0 ? _arr.reduce(function (acc, val) {
+				return acc.concat(Array.isArray(val) ? val.flatDeep(deepth - 1) : val);
+			}, []) : _arr.slice();
+		};
+	})()});
+	Object.defineProperty(Array, 'from', { writable: false, enumerable: false, value: (function () {
+		return (Array.from) ? Array.from : function (arrayLike/*, mapFn, thisArg */) {
+			var arr = this;
+			var items = Object(arrayLike);
+			if (arrayLike == null) {
+				throw new TypeError('Array.from requires an array-like object - not null or undefined');
+			}
+			var mapFn = arguments.length > 1 ? arguments[1] : void undefined;// -> 受け取った場合はそれを使う
+			var _this;
+			if (typeof mapFn !== 'undefined') {
+				if (!isCallable(mapFn)) {
+					throw new TypeError('Array.from: when provided, the second argument must be a function');
+				}
+				if (arguments.length > 2) {
+					_this = arguments[2];
+				}
+			}
+			var len = toLength(items.length);
+			var Arr = isCallable(arr) ? Object(new arr(len)) : new Array(len);
+			var index = 0;
+			var item;
+			while (index < len) {
+				item = items[index];
+				if (mapFn) {
+					Arr[index] = typeof _this === 'undefined' ? mapFn(item, index) : mapFn.call(_this, item, index);
+				} else {
+					Arr[index] = item;
+				}
+				index += 1;
+			}
+			Arr.length = len;
+			return Arr;
+		};
+		// 秘匿関数
+		function isCallable (fn) {
+			return typeof fn === 'function' || Object.prototype.toString.call(fn) === '[object Function]';
+		}
+		function toInteger (value) {
+			var number = Number(value);
+			if (isNaN(number)) {
+				return 0;
+			}
+			if (number === 0 || !isFinite(number)) {
+				return number;
+			}
+			return (number > 0 ? 1 : -1) * Math.floor(Math.abs(number));
+		}
+		function toLength (value) {
+			var maxSafeInteger = Math.pow(2, 53) - 1; // 2^53-1 約9千兆
+			var len = toInteger(value);
+			return Math.min(Math.max(len, 0), maxSafeInteger);
+		};
+	})()});
+	/** 秘匿関数 */
+	// 階層を順番に並び替えて返却（単配列化）
+	function getMenberKeyList (obj) {
+		return (!Array.isArray(obj) || obj.length < 1) ? [] : (function (r, o) {
+			var i = 0;
+			while (i < o.length) {
+				var k = o[i];
+				if (Array.isArray(k)) { k = k.flat(1/0).join('.'); }
+				if (typeof k != 'string') { k = k.toString(); }
+				k = k.split('.');
+				r = r.concat(k);
+				i++;
+			}
+			return r;
+		})([], obj);
 	}
-	var changeAssignValue = _args.pop(); // -> _argsから最後の要素を削除し、変数[changeAssignValue]でキャッチする
-	var menberKeyList = getMenberKeyList(_args.flat(1/0)); //-> _argsの中身を単配列化&階層を配列に詰める
-	var menberLayeredLength = menberKeyList.length;
-	var menberListIndex = 0;
-	var hasMenber = false;
-	var memberName = void(0);
-	var o = _obj; // -> 処理用変数
-	var isLast = false;
-	while (menberListIndex < menberLayeredLength) {
-		isLast = (menberListIndex == menberLayeredLength - 1);
-		memberName = menberKeyList[menberListIndex];
-		hasMenber = o.hasOwnProperty(memberName); // -> _objではダメ。。1階層目以外書き換え不可
-		if (hasMenber) {
-			// 最後のindexのみ、propertyの書き換え
-			if (isLast) {
-				Object.defineProperty(o, memberName, { value: changeAssignValue, writable: false, enumerable: true });
-			}
-		} else {
-			o[memberName] = {};// -> 不用意なメンバー追加は避けた方が良いかも。。。
-		}
-		o = o[memberName];
-		menberListIndex++;
-	}
-	return _obj;
-	// 階層を順番に並び替えて返却（単配列化）
-	function getMenberKeyList (obj) {
-		return (!Array.isArray(obj) || obj.length < 1) ? [] : (function (r, o) {
-			var i = 0;
-			while (i < o.length) {
-				var k = o[i];
-				if (Array.isArray(k)) { k = k.flat(1/0).join('.'); }
-				if (typeof k != 'string') { k = k.toString(); }
-				k = k.split('.');
-				r = r.concat(k);
-				i++;
-			}
-			return r;
-		})([], obj);
-	}
-};
-// -> test code type Array
-var nestedArray = [[[[[[1,2,3]]]]]];
-console.log(nestedArray); // -> [0: [0: [0: [0: [0: [0: 1. 1: 2, 2: 3]]]]]];
-nestedArray.setter('0.0.0.0.0.1',5);
-console.log(nestedArray); // -> [0: [0: [0: [0: [0: [0: 1. 1: 5, 2: 3]]]]]];
-// -> test code type Object
-var nestedObject = {a: {b: {c: {d: {e: 'hoge', z: 'fuga'}}}}};
-console.log(nestedObject); // -> {a: {b: {c: {d: {e: 'hoge', z: 'fuga'}}}}};
-nestedObject.setter('a.b','c',['d','e'],'hogehoge');
-console.log(nestedObject); // -> {a: {b: {c: {d: {e: 'hogehoge', z: 'fuga'}}}}};
-// -> test code type Instance
-var _func = function _func () {
-	this.mem1 = {};
-	this.mem1.mem2 = {};
-	this.mem1.mem2.mem3 = {};
-	this.mem1.mem2.mem3.mem4 = {};
-	this.mem1.mem2.mem3.mem4.mem5 = 'member5';
-	this.mem1.mem2.mem3.mem4.mem6 = 'member6';
-}
-var nestedPropIns = new _func();
-console.log(nestedPropIns); // -> _func: {mem1: {mem2: {mem3: {mem4: {mem5: 'member5', mem6: 'member6'}}}}};
-nestedPropIns.setter('mem1.mem2.mem3.mem4.mem5', '12345');
-console.log(nestedPropIns); // -> _func: {mem1: {mem2: {mem3: {mem4: {mem5: '12345', mem6: 'member6'}}}}};
-nestedPropIns.setter('mem1.mem2.mem3.mem4.mem6', '12346');
-console.log(nestedPropIns); // -> _func: {mem1: {mem2: {mem3: {mem4: {mem5: '12345', mem6: '12346'}}}}};
+	/** under test code */
+	// -> test code setter by type Array.
+	var nestedArray = [[[[[[1,2,3]]]]]];
+	console.log(nestedArray.setter('0.0.0.0.0.1',5)); // -> [0: [0: [0: [0: [0: [0: 1. 1: 5, 2: 3]]]]]];
+	// -> test code setter by type Object.
+	var nestedObject = {a: {b: {c: {d: {e: 'hoge', z: 'fuga'}}}}};
+	console.log(nestedObject.setter('a.b','c',['d','e'],'hogehoge')); // -> {a: {b: {c: {d: {e: 'hogehoge', z: 'fuga'}}}}};
+	// -> test code setter by type Instance.
+	var _func = function _func () { this.mem1 = {mem2: {mem3: {mem4: {mem5: 'member5', mem6: 'member6'}}}}; };
+	var nestedPropIns = new _func();
+	console.log(nestedPropIns.setter('mem1.mem2.mem3.mem4.mem5', '12345')); // -> _func: {mem1: {mem2: {mem3: {mem4: {mem5: '12345', mem6: 'member6'}}}}};
+	// -> test code getter by type Array.
+	console.log(nestedArray.getter('0.0.0.0.0.1'));// -> 5
+	console.log(nestedArray.getter('0.0.0.0.0.4'));// -> null
+	// -> test code getter by type Object.
+	console.log(nestedObject.getter('a.b','c',['d','e'])); // -> hogehoge
+	console.log(nestedObject.getter('a.b','c',['d','j'])); // -> null
+	// -> test code getter by type Instance.
+	console.log(nestedPropIns.getter('mem1.mem2.mem3.mem4.mem5')); // -> 12345
+	console.log(nestedPropIns.getter('mem1.mem2.mem3.mem5.mem5')); // -> null
+})();
 ```

最終コードを投稿

2020/10/12 02:50

投稿

tama_yn0815

スコア143

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -119,3 +119,165 @@
 })()
 ```
+### 最終的に出来上がったソースコード
+```javascriot
+Object.prototype.setter = function(member, /*...multilayered, */value) {// -> member, multilayered, vは実質使用しない....残余引数で対応したい
+	var _obj = this;// -> Class化されたオブジェクトに対応
+	// 通常配列化
+	var _args = Array.from(arguments); // -> ポリフィルを作成した(IEとか対応)
+	if (_args.length < 2) {
+		var msg = 'Unexpected execution: there are not enough arguments to execute ' + typeof this + '.';
+		throw new UserException(msg, 'error'); // -> typeは列挙型にしたい
+	}
+	var changeAssignValue = _args.pop(); // -> _argsから最後の要素を削除し、変数[changeAssignValue]でキャッチする
+	var menberKeyList = getMenberKeyList(_args.flat(1/0)); //-> _argsの中身を単配列化&階層を配列に詰める
+	var menberLayeredLength = menberKeyList.length;
+	var menberListIndex = 0;
+	var hasMenber = false;
+	var memberName = void(0);
+	var o = _obj; // -> 処理用変数
+	var isLast = false;
+	while (menberListIndex < menberLayeredLength) {
+		isLast = (menberListIndex == menberLayeredLength - 1);
+		memberName = menberKeyList[menberListIndex];
+		hasMenber = o.hasOwnProperty(memberName); // -> _objではダメ。。1階層目以外書き換え不可
+		if (hasMenber) {
+			// 最後のindexのみ、propertyの書き換え
+			if (isLast) {
+				Object.defineProperty(o, memberName, { value: changeAssignValue, writable: false, enumerable: true });
+			}
+		} else {
+			o[memberName] = {};// -> 不用意なメンバー追加は避けた方が良いかも。。。
+		}
+		o = o[memberName];
+		menberListIndex++;
+	}
+	return _obj;
+	// 階層を順番に並び替えて返却（単配列化）
+	function getMenberKeyList (obj) {
+		return (!Array.isArray(obj) || obj.length < 1) ? [] : (function (r, o) {
+			var i = 0;
+			while (i < o.length) {
+				var k = o[i];
+				if (Array.isArray(k)) { k = k.flat(1/0).join('.'); }
+				if (typeof k != 'string') { k = k.toString(); }
+				k = k.split('.');
+				r = r.concat(k);
+				i++;
+			}
+			return r;
+		})([], obj);
+	}
+};
+// -> test code type Array
+var nestedArray = [[[[[[1,2,3]]]]]];
+console.log(nestedArray); // -> [0: [0: [0: [0: [0: [0: 1. 1: 2, 2: 3]]]]]];
+nestedArray.setter('0.0.0.0.0.1',5);
+console.log(nestedArray); // -> [0: [0: [0: [0: [0: [0: 1. 1: 5, 2: 3]]]]]];
+// -> test code type Object
+var nestedObject = {a: {b: {c: {d: {e: 'hoge', z: 'fuga'}}}}};
+console.log(nestedObject); // -> {a: {b: {c: {d: {e: 'hoge', z: 'fuga'}}}}};
+nestedObject.setter('a.b','c',['d','e'],'hogehoge');
+console.log(nestedObject); // -> {a: {b: {c: {d: {e: 'hogehoge', z: 'fuga'}}}}};
+// -> test code type Instance
+var _func = function _func () {
+	this.mem1 = {};
+	this.mem1.mem2 = {};
+	this.mem1.mem2.mem3 = {};
+	this.mem1.mem2.mem3.mem4 = {};
+	this.mem1.mem2.mem3.mem4.mem5 = 'member5';
+	this.mem1.mem2.mem3.mem4.mem6 = 'member6';
+}
+var nestedPropIns = new _func();
+console.log(nestedPropIns); // -> _func: {mem1: {mem2: {mem3: {mem4: {mem5: 'member5', mem6: 'member6'}}}}};
+nestedPropIns.setter('mem1.mem2.mem3.mem4.mem5', '12345');
+console.log(nestedPropIns); // -> _func: {mem1: {mem2: {mem3: {mem4: {mem5: '12345', mem6: 'member6'}}}}};
+nestedPropIns.setter('mem1.mem2.mem3.mem4.mem6', '12346');
+console.log(nestedPropIns); // -> _func: {mem1: {mem2: {mem3: {mem4: {mem5: '12345', mem6: '12346'}}}}};
+```