YanoRyuichi.com/
Wiki
Blog
GitHub
Sandbox
開始行:
* for-ofとforEachとmapの使い分け [#qdfafe32]
** 1. for-of [#n535dbce]
#pr(javascript){{
for (const v of ["a", "b", "c"]) {
if (v === 'x') {
break;
}
console.log(v);
}
}}
- ''長所：'' 速い 💨
- ''長所：'' 途中でbreakできる
*** 参考 [#fa2f9353]
https://developer.mozilla.org/ja/docs/Web/JavaScript/Refe...
** 2. forEach() [#r48e09c1]
#pr(javascript){{
["a", "b", "c"].forEach((v) => {
console.log(v);
});
}}
- ''長所：'' 速い
- ''短所：'' 途中でbreakできない
> 例外を発生する以外の方法で、forEach() ループを止めるこ...
> https://developer.mozilla.org/ja/docs/Web/JavaScript/Re...
*** 参考 [#efcd5da9]
https://developer.mozilla.org/ja/docs/Web/JavaScript/Refe...
** 3. map() [#jbd33eb3]
#pr(javascript){{
var nums = [1, 2, 3].map((v) => {
return v * 10;
});
console.log(nums);
}}
- ''長所：'' 値をreturnできて、新しい配列を作れる
- ''短所：'' 遅い
- ''短所：'' Set/Mapなどをループできない。配列にしか使え...
- ''短所：'' 新しい配列を使わないならmap()を使うべきでは...
> map() を使用すべきではない場合
> map は新しい配列を作成するので、返された配列を使わない...
> https://developer.mozilla.org/ja/docs/Web/JavaScript/Re...
*** 参考 [#fc27df87]
- https://developer.mozilla.org/ja/docs/Web/JavaScript/Re...
** 補足: Map/Setなどのループ [#c912780c]
#pr(javascript){{
var set = new Set([1, 2, 3]);
var map = new Map([
["a", 1],
["b", 2],
["c", 3],
]);
for (var v of set) {
console.log(v);
}
map.forEach((v, k) => {
console.log(k, v);
});
}}
- https://developer.mozilla.org/ja/docs/Web/JavaScript/Re...
- https://developer.mozilla.org/ja/docs/Web/JavaScript/Re...
** 参考 [#y0477bc7]
https://stackoverflow.com/questions/50844095/should-one-u...
終了行:
* for-ofとforEachとmapの使い分け [#qdfafe32]
** 1. for-of [#n535dbce]
#pr(javascript){{
for (const v of ["a", "b", "c"]) {
if (v === 'x') {
break;
}
console.log(v);
}
}}
- ''長所：'' 速い 💨
- ''長所：'' 途中でbreakできる
*** 参考 [#fa2f9353]
https://developer.mozilla.org/ja/docs/Web/JavaScript/Refe...
** 2. forEach() [#r48e09c1]
#pr(javascript){{
["a", "b", "c"].forEach((v) => {
console.log(v);
});
}}
- ''長所：'' 速い
- ''短所：'' 途中でbreakできない
> 例外を発生する以外の方法で、forEach() ループを止めるこ...
> https://developer.mozilla.org/ja/docs/Web/JavaScript/Re...
*** 参考 [#efcd5da9]
https://developer.mozilla.org/ja/docs/Web/JavaScript/Refe...
** 3. map() [#jbd33eb3]
#pr(javascript){{
var nums = [1, 2, 3].map((v) => {
return v * 10;
});
console.log(nums);
}}
- ''長所：'' 値をreturnできて、新しい配列を作れる
- ''短所：'' 遅い
- ''短所：'' Set/Mapなどをループできない。配列にしか使え...
- ''短所：'' 新しい配列を使わないならmap()を使うべきでは...
> map() を使用すべきではない場合
> map は新しい配列を作成するので、返された配列を使わない...
> https://developer.mozilla.org/ja/docs/Web/JavaScript/Re...
*** 参考 [#fc27df87]
- https://developer.mozilla.org/ja/docs/Web/JavaScript/Re...
** 補足: Map/Setなどのループ [#c912780c]
#pr(javascript){{
var set = new Set([1, 2, 3]);
var map = new Map([
["a", 1],
["b", 2],
["c", 3],
]);
for (var v of set) {
console.log(v);
}
map.forEach((v, k) => {
console.log(k, v);
});
}}
- https://developer.mozilla.org/ja/docs/Web/JavaScript/Re...
- https://developer.mozilla.org/ja/docs/Web/JavaScript/Re...
** 参考 [#y0477bc7]
https://stackoverflow.com/questions/50844095/should-one-u...
ページ名:
