[B! JavaScript][map] ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ihok id:ihok

JavaScriptã¨mapã«é–¢ã™ã‚‹ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

JavaScripté…åˆ—ã®é‡è¤‡å‰Šé™¤ã§ã¤ã¾ã¥ã‹ãªã„ï¼Setãƒ»Mapã‚’å¾¹åº•æ¯”è¼ƒï¼ˆLodashãƒ»Ramdaã‚‚å°‘ã—ç´¹ä»‹ï¼‰ - iimon TECH BLOG
ã“ã‚“ã«ã¡ã¯ï¼æ ªå¼ä¼šç¤¾ï½‰ï½‰ï½ï½ï½Žã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„ã‚‹ã€Javascriptå‹‰å¼·ä¸ã®ã€Œã¾ã‚‹ãŠã€ã§ã™ã€‚ æœ¬è¨˜äº‹ã¯ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼20æ—¥ç›®ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ï¼ ðŸ“š æœ¬è¨˜äº‹ã®å†…å®¹ filterãƒ»Setãƒ»Mapã‚’ä½¿ã£ãŸé‡è¤‡å‰Šé™¤ã®æ–¹æ³• ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆé…åˆ—ã®é‡è¤‡å‰Šé™¤ã®å®Ÿè£…æ–¹æ³• ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ¯”è¼ƒã¨ä¾¿åˆ©ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç´¹ä»‹ ðŸ“š æœ¬è¨˜äº‹ã®å†…å®¹ ã¯ã˜ã‚ã« ðŸ” 1. é‡è¤‡å‰Šé™¤ã—ãŸã„ï¼é…åˆ—ãƒ¡ã‚½ãƒƒãƒ‰ã®èª²é¡Œâ€¦ ðŸš€ filter() ã¨ indexOf() ã‚’ä½¿ã£ãŸé‡è¤‡å‰Šé™¤ â—ï¸ å•é¡Œç‚¹ ðŸ› 2. Set ã«ã‚ˆã‚‹é‡è¤‡å‰Šé™¤ âœ… Setã®ç‰¹å¾´ âœ¨ ã‚·ãƒ³ãƒ—ãƒ«ãªé‡è¤‡å‰Šé™¤ã®ä¾‹ âš ï¸ æ³¨æ„ç‚¹: ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚„é…åˆ—ã®æ‰±ã„ å®Ÿå‹™ã§é‡è¤‡å‰Šé™¤ã—ãŸã‹ã£ãŸã‚³ãƒ¼ãƒ‰ ðŸ’¡ 3. Map ã«ã‚ˆã‚‹é‡è¤‡å‰Šé™¤ âœ¨ å®Ÿå‹™ã§é‡è¤‡å‰Šé™¤ã—ãŸã‹ã£ãŸã‚³ãƒ¼ãƒ‰ ã‚ãƒ¼ãŒé‡è¤‡ã—ãŸå ´åˆã®æŒ™å‹• ðŸš€ 4. å¤§è¦æ¨¡ãƒ‡ãƒ¼ã‚¿ã§ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ¯”è¼ƒ ðŸ“ˆ çµæžœã®æ¯”è¼ƒ ðŸ”§ 5.
ihok 2024/12/20
map

javascript
ãƒªãƒ³ã‚¯
querySelectorAllã—ã¦mapã—ãŸã„ã¨ã[...ã™ã‚‹ã¨çŸã„ - hitode909ã®æ—¥è¨˜
è¡¨ç¤ºä¸ã®HTMLã‹ã‚‰æƒ…å ±ã‚’é›‘ã«æŠœãå‡ºã—ã¦åˆ©ç”¨ã™ã‚‹ãŸã‚ï¼Œãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ„ãƒ¼ãƒ«ãªã©ã§querySelectorAllã—ã¦mapã—ãŸã„ï¼Žã—ã‹ã—ï¼ŒquerySelectorAllã¯NodeListã‚’è¿”ã™ã®ã§ï¼Œmapã™ã‚‹ã«ã¯Arrayã«å¤‰æ›ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ï¼Ž NodeListã‚’Arrayã«å¤‰æ›ã™ã‚‹ã¨ãã«çŸãæ›¸ãæ–¹æ³•ãªã„ã§ã™ã‹ã£ã¦åŒåƒšã«èžã„ãŸã‚‰ã„ã‚ã„ã‚æ•™ãˆã¦ã‚‚ã‚‰ãˆãŸã®ã§ãƒ¡ãƒ¢ï¼Ž Array.prototype.slice.callã™ã‚‹ ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªæ‰‹æ³•ï¼Žæ˜”ã‹ã‚‰ã“ã‚Œã‚’æ›¸ã„ã¦ã„ã¦ï¼Œé•·ãã¦å›°ã£ã¦ã„ãŸï¼Žæœ€è¿‘ã¯ã‚¢ãƒãƒ¼é–¢æ•°ã‚’ä½¿ãˆã‚‹ã®ã§ã¡ã‚‡ã£ã¨çŸããªã£ãŸã‘ã©é•·ã„ï¼Ž Array.prototype.slice.call(document.querySelectorAll('a')).map(a => a.href) [].slice.callã™ã‚‹ Array.prototypeã®ã‹ã‚ã‚Šã«[]ã§æ›¸ãï¼Žã¡ã‚‡ã£ã¨çŸã„
ihok 2022/01/02
map

document

javascript

dom

tips

é–‹ç™º

programming
ãƒªãƒ³ã‚¯
ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã®è‡ªä½œã¯å‰²ã¨ã‚³ãƒ¯ããªã„ã€‚ - Qiita
ã€Œã‚ã‚“ã©ãã•ãã†ã€å…ˆå…¥è¦³ã§æ•¬é ã—ã¦ã„ãŸã®ã§ã™ãŒã€ä»•æ§˜ã‚’è¦‹ãŸã‚‰ãã‚“ãªã§ã‚‚ãªã‹ã£ãŸã®ã§æ›¸ãæ®‹ã—ã¦ãŠãã¾ã™ã€‚æ‰‹ã£å–ã‚Šæ—©ãã‚³ãƒ¼ãƒ‰ã‚’è¦‹ãŸã„æ–¹ã¯ã“ã¡ã‚‰ã‚’ã©ã†ãžã€‚ ãƒ¦ãƒ¼ã‚¶ã¨ã—ã¦ã€ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã«æŽ¥ã™ã‚‹æ©Ÿä¼šã¯å¤šã„ã§ã™ãŒã€AltJSã‚’ä½œã‚‹ã¨ã‹ã§ã‚‚ãªã„é™ã‚Šã€ã‚ã¾ã‚Šæä¾›å´ã«å›žã‚‹ã“ã¨ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ç§è‡ªèº«ã€æ¬¡ã®ã‚ˆã†ãªç–‘å•ã¨ã„ã†ã‹èª¤è§£ã‚’æŠ±ãˆãŸã¾ã¾ã€æ·±å…¥ã‚Šã—ãªã‹ã£ãŸã‚¯ãƒã§ã™...ã€‚ èª¤è§£1: ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã‚’ä½œã‚‹ã«ã¯ASTã‚’ä½œã‚‹å¿…è¦ãŒã‚ã‚‹ â†’ å®Ÿéš›ã¯ã‚‚ã£ã¨ã‚·ãƒ³ãƒ—ãƒ« èª¤è§£2: ãªã‚“ã‹ã™ã”ã„ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰(AAAA;AACA;AACA;AACA...)ãŒã•ã‚Œã¦ã‚‹ â†’ ãŸã ã®Base64 ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã®èª¬æ˜Žè¨˜äº‹(ã¨ã„ã†ã»ã©ã€è¨˜äº‹è‡ªä½“ãªã„ã‘ã‚Œã©)ã§ã¯ã€ã€Œã‚½ãƒ¼ã‚¹ã‚’æ§‹æ–‡è§£æžã—ã¦ASTã‚’æ§‹ç¯‰ã—ã¦...ã€ã¨ã„ã†æ‰‹é †ãŒå‡ºã¦ãã‚‹ã®ã§ã™ãŒã€ ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã«ASTã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚‚ã¡ã‚ã‚“ã€å®Ÿéš›ã«AltJSã‚’ä½œã‚‹ãªã‚‰ASTã®ä½œæˆ
ihok 2020/11/21
ã‚³ãƒ¼ãƒ‰

Qiita

javascript

map

dev

html

development
ãƒªãƒ³ã‚¯
ã‚‚ã®ã£ã™ã”ã„ç°¡å˜ã«Googleãƒžãƒƒãƒ—APIã‚’æ“ä½œå‡ºæ¥ã‚‹jQueryGoogleMAPãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ã‚¿ã‚¤ãƒˆãƒ«ã§å…¨éƒ¨è¨€ã£ã¡ã‚ƒã£ã¦ã‚‹æ°—ãŒã—ãªã„ã§ã¯ãªã„ã§ã™ãŒã€Webã‚µã‚¤ãƒˆã«Google MAPã‚’è¨ç½®ã—ã¦ã€è‰²ã€…ã¨ç°¡å˜ã«APIã‚’å©ã‘ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã¡ãªã¿ã«ã“ã®è¨˜äº‹ã®ç‚ºã«ã“ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã‚€ãªã‚“ã¦ã“ã¨ã¯ã—ã¦ãŠã‚Šã¾ã›ã‚“ã®ã§ã€èª¬æ˜Žã§ä½¿ç”¨ã—ã¦ã„ã‚‹MAPã¯å…¨ã¦ã‚ãƒ£ãƒ—ãƒãƒ£ãƒ¼ç”»åƒã§ã™ã€‚æœ¬æ¥ãªã‚‰ã€ãã‚Šãã‚Šã¨æ‹¡å¤§ç¸®å°å‡ºæ¥ã‚‹ã‚ã®MAPã‚’è²¼ã‚Šä»˜ã‘ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚æ°—ã«ãªã‚‹æ–¹ã¯ã€æœ€å¾Œã«ç´¹ä»‹ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ã«ãªã£ã¦ã„ãŸã ã‘ã‚Œã°ã€ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯å‘¼ã³å‡ºã— åŸºæœ¬ã®å‘¼ã³å‡ºã—ã€‚ ã¾ãšã¯ãƒšãƒ¼ã‚¸ã®ã©ã£ã‹ã«æ›¸ã„ã¦èªã¿è¾¼ã¿ã¾ã—ã‚‡ã†ã€‚ <script src="javascripts/jquery.js"></script> <script type="text/javascript" src="//www.google.fr/jsapi"></script> <script type="text/
ihok 2015/10/25
map

javascript

Google

jQuery

Googleãƒžãƒƒãƒ—

API

webãƒ‡ã‚¶ã‚¤ãƒ³

GoogleMap

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1