mapを使ってみます。
◆環境
| OS |
Windows 11 Home 25H2 |
| Browser |
Google Chrome 144.0.7559.110 |
index.htmlではscriptタグでmain.jsを指定します。
|
index.html
|
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
<!doctype html>
<head>
<meta charset="utf-8">
<title>map</title>
</head>
<body>
<script type="module" src="main.js"></script>
</body>
</html>
|
|
mapで配列を操作してみます。
|
main.js
|
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
|
const ar = [1, 2, 3, 4, 5];
const ar2 = [];
for(let i = 0; i < ar.length; i++) {
ar2.push(ar[i] * 2);
}
console.log(ar2);
const ar3 = ar.map(val => val * 3);
console.log(ar3);
const ar4 = ar.map(val => {
console.log(val);
return val * 4;
});
console.log(ar4);
const ar5 = ar.map((val, i, ar) => {
console.log(i, val);
});
|
|
index.htmlを右クリックしOpen with Live Serverをクリック後、開いたブラウザでF12でDeveloper toolsを開いたところDeveloper toolsのConsoleに結果が表示されました。
期待通りに動作しました。
▲ PageTop ■ Home
Copyright (C) 2026 ymlib.com
