blog

オブジェクトの値への無限参照のjs-reduceメソッド演習

...

Sep 15, 2020 · 1 min. read
シェア
<!DOCTYPE html>
<html>
<head>
	<title>配列のreduceメソッド</title>
</head>
<body>
</body>
<script type="text/javascript">
	var obj = {
		a:{
			b:{
				c:"maomin"
			}
		}
	}
	const safeGet = (obj, path) => {
 try {
 return path.split('.').reduce((o, k) => o[k], obj)
 } catch (e) {
 return undefined
 }
 }
 console.log(safeGet(obj,'a.b.c'));// maomin
 // その他の演習
	var str = "1,2,3,4";
	var arr = str.split(",");
	var newArr = arr.map(Number);
	console.log(newArr);
 var sum = newArr.reduce(function(prev, cur, index, arr) {
 console.log(prev, cur, index);
 return prev + cur;
},0)
// 0 1 0
// 1 2 1
// 3 3 2
// 6 4 3
</script>
</html>

eBooksをキーワードに返信すると、約12のフロントエンドの人気eBookがもらえます。

返信キーワードredbook 4th editionで最新のJavaScriptアドバンスト・プログラミングを検索します。

  • バムの金時豆への道によって

  • 主要業務:フロントエンド開発

Read next

Vueのライフサイクル

例えば、作成から始まり、データの初期化、テンプレートのコンパイル、DOMのマウント、データが変更されたときのDOMの更新、アンインストールなどです。このプロセスをVueのライフサイクルと呼びます。

Sep 15, 2020 · 2 min read