JavaScriptã®split颿°ã§æååã®åå²ããã¹ã¿ãŒãããïŒ
JavaScriptã®split颿°ã®äœ¿ãæ¹ã解説ããèšäºã§ããsplit颿°ã¯æååãªããžã§ã¯ããæäœããŠåå²ããæ©èœãããããšãåŒæ°ã«äœãæã€ããè¿ãå€ã¯ã©ããªãã®ãã解説ããŸãããŸããsplit颿°ã䜿ãå ·äœçãªäŸãåãäžããŠãå®éã®ã³ãŒãã玹ä»ããŸããJavaScriptã§ã¯ãæååã䜿ã£ãŠããŸããŸãªæäœãã§ããŸããæååãæå³ãã圢åŒã«ä¿®æ£ããããšãå€ã å¿ èŠãšãªããŸãããããªå Žåã«ãsplit颿°ã倧ãã«åœ¹ç«ã¡ãŸããã©ã®ããã«split颿°ã䜿ããããå®éã®ã³ãŒãã玹ä»ããªãã解説ããŸãã
JavaScriptã®splitã¯æååå²ã®é¢æ°
split()ã¯æååãåå²ããããã«äœ¿çšãã颿°ã§ãã
splitã¯æååãªããžã§ã¯ãã®é¢æ°
splitã¯ãæååãªããžã§ã¯ãã®æšæºã®ã¡ãœããã§ããJavaScriptã®æååãªããžã§ã¯ãã¯ãããŸããŸãªã¡ãœãããæã£ãŠããŠãæååãåãåºãããã眮æãããããæååå ã®æ€çŽ¢ãããããHTMLã®ã¿ã°ã远å ãããããšå€å²ã«ãããæ©èœãæãããŸããsplitããã®æ©èœã®äžéšã§ãæååãè€æ°ã«åå²ãã圹å²ãæãããŸãã
split颿°ã®åºæ¬çãªäœ¿ãæ¹
JavaScriptã®split颿°ã¯ãæååãç¹å®ã®åºåãæåã§åå²ãããã®çµæãé
åãšããŠè¿ã颿°ã§ãã
以äžã«åºæ¬çãªäœ¿ãæ¹ã瀺ããŸãïŒ
let str = "Hello, World!";
let result = str.split(", ");
console.log(result); // ["Hello", "World!"]
ãã®äŸã§ã¯ãsplit颿°ã䜿çšããŠæåå"Hello, World!"ã, ïŒã«ã³ããšã¹ããŒã¹ïŒã§åå²ããŠããŸãããã®çµæã["Hello", "World!"]ãšããé åãåŸãããŸãã
ãŸããsplit颿°ã«ã¯åŒæ°ãšããŠæ£èŠè¡šçŸã䜿çšã§ããŸããäŸãã°ã以äžã®ããã«è€æ°ã®åºåãæåã§æååãåå²ããããšãå¯èœã§ãïŒ
let str = "apple-banana/orange";
let result = str.split(/[-/]/);
console.log(result); // ["apple", "banana", "orange"]
ãã®äŸã§ã¯ãsplit颿°ã䜿çšããŠæåå"apple-banana/orange"ã-ãŸãã¯/ã§åå²ããŠããŸãããã®çµæã["apple", "banana", "orange"]ãšããé åãåŸãããŸãã
以äžãJavaScriptã®split颿°ã®åºæ¬çãªäœ¿ãæ¹ã§ãããã®é¢æ°ã䜿ãããšã§ãæååãç°¡åã«åå²ã§ããããšããåããããã ããããšæããŸãã
ãã ããsplit颿°ã¯å
ã®æååã倿Žããªãããšã«æ³šæããŠãã ãããåå²çµæã¯æ°ããé
åãšããŠè¿ãããå
ã®æååã¯ãã®ãŸãŸä¿æãããŸãããã®ç¹æ§ãçè§£ããŠãããšãå
ã®ããŒã¿ãä¿æããªããããã®ããŒã¿ãããŸããŸãªåœ¢ã§æäœãããå Žåã«éåžžã«äŸ¿å©ã§ãã
splitã¯æå®ããæåã§åºåãã
split颿°ã§äœ¿çšããåºåãæåã«ã€ããŠããå°ã解説ããŠãããŸãã
splitã䜿ãããšã«ãã£ãŠãã²ãšã€ã®æååããæå®ããæååãçŸãããšããã§åããŠãè€æ°ã«åå²ããããšãã§ããŸããããšãã°ããå¹³æ 倪éããšããæååãã ãïŒåè§ã¹ããŒã¹ïŒã§åãããšããå¹³æããšã倪éãã®2ã€ã«ãªããŸããèåãšååãå¥ã
ã«ä¿åãããå Žåã§ãèåãšååã®éã«ç¢ºå®ã«åè§ã¹ããŒã¹ããããªããsplitã§ç°¡åã«åãã ãããšãã§ããã®ã§ãã
const str = "å¹³æ 倪é";
const words = str.split(" ");
console.log(words); // Output: ["å¹³æ", "倪é"]
ãã®åºåãã«äœ¿ãããæåã®ããšãã»ãã¬ãŒã¿ãšåŒã³ãŸãããå¹³æ 倪éãã®ã»ãã¬ãŒã¿ã¯ãåè§ã¹ããŒã¹ã ãšããããšã«ãªããŸããã»ãã¬ãŒã¿ã¯ãsplitã¡ãœããã®ã²ãšã€ãã®åŒæ°ã«æå®ããŸããã»ãã¬ãŒã¿ã¯ãæååãæ£èŠè¡šçŸãæå®ããŸããã»ãã¬ãŒã¿ã®æååãè€æ°ã«ãããšããã®è€æ°ã®æååããã®éãã«é£ç¶ããŠçŸãããšããã ãã§åå²ãããããã«ãªããŸããããšãã°ããabacadaeããšããæååã§ã»ãã¬ãŒã¿ã«ãacããæå®ãããããabããšãadaeãã®2ã€ã«åãããŸãããaãããcããçŸãããã¹ãŠã®ãšããã§åå²ãããããã§ã¯ãªãããšã«æ³šæããŸãããã
ã¡ãœããã®è¿ãå€ã¯ãé
åã«ãªããŸããåå²ãããæ°ã ãã®æååãæ ŒçŽãããé
åãsplitã®è¿ãå€ã§ãã
ã»ãã¬ãŒã¿ãæå®ããªããã°ãæååãã²ãšã€ã ãé
åã«ãªã£ãŠè¿ããŸãããŸããåå²ããæååã®å
é ã®æåãã»ãã¬ãŒã¿ã«ãããªããè¿ãå€ã®é
åã®æåã«ã¯ããªãã®æåãå«ãŸããªããã®ãå«ãŸããŸããåãããã«ãåå²ããæååã®æåŸã®æåãã»ãã¬ãŒã¿ã«ãããªããé
åã®æåŸã®èŠçŽ ãã空æåã«ãªããŸãã
æååã®å é ãŸãã¯æ«å°Ÿãã»ãã¬ãŒã¿ã®å Žåã®äŸïŒ
const str = ",Hello,World,";
const words = str.split(",");
console.log(words); // Output: ["", "Hello", "World", ""]
è¿ãå€ã®èŠçŽ ã®æ°ãå¶éããããªããåŒæ°ã®ãµãã€ãã«ãå¶éãããæå€§å€ãæ°å€ãšããŠæå®ããŠããããšãã§ããŸãããã¡ãããåå²ã®æ°ãæå®ããæ°å€ã«æºããªãã£ãå Žåã¯ãæå®ããèŠçŽ æ°ã«æºããªãæ°ã®é åãè¿ã£ãŠããããšã«ãªããŸãã
æå€§èŠçŽ æ°ãå¶éããäŸïŒ
const str = "Hello,World,JavaScript,Python,Ruby";
const words = str.split(",", 3);
console.log(words); // Output: ["Hello", "World", "JavaScript"]
splitã¯æ£èŠè¡šçŸã§åºåãã
splitã®ã»ãã¬ãŒã¿ã«ã¯ãæ£èŠè¡šçŸã䜿ããŸããæ£èŠè¡šçŸãšã¯ãæååã®ãã¿ãŒã³ã®ããšã§ããsplitã®ã»ãã¬ãŒã¿ã«æ£èŠè¡šçŸã䜿ããšããããšã¯ãä»»æã®æååãã¿ãŒã³ã«åãããŠæååãåå²ãããšããããšã«ãªããŸããããšãã°ããæ±äº¬éœæ°å®¿åºããæ£èŠè¡šçŸã®ã»ãã¬ãŒã¿ãéœéåºçãã§åºåããšããæ±äº¬ããšãæ°å®¿åºãã®ãµãã€ã«ãªããšããå ·åã§ãã
const address = "æ±äº¬éœæ°å®¿åº";
const pattern = /éœ|é|åº|ç/;
const [city, area] = address.split(pattern);
console.log(city); // åºå: "æ±äº¬"
console.log(area); // åºå: "æ°å®¿åº"
æ£èŠè¡šçŸã¯èªç±åºŠãé«ãåé¢ã誀ã£ãæå®ããããšãã°ãçºçããåå ãšãªãå ŽåããããŸãã䜿çšããå Žåã«ã¯æ§ã ãªã±ãŒã¹ã§ã®æ€èšŒãè¡ãªã£ãŠãã ããã
JavaScriptã®splitã®äœ¿ãæ¹
æ¥ä»æ å ±ãåŸã
衚瀺ãããŠããæ¥ä»æ å ±ãæéã®æ å ±ãªã©ãååŸããŠãJavaScriptã§æã ããåãåºããããæ¥ã«ã¡ã ããåãåºãããããããšãããããŸãããããªãšãã«ããsplitã䜿ã£ãŠç°¡åã«åãåºããŸãã
<div class="date">2019-05-01</div>ãšããããã«ãDIVã¿ã°ã®ãªãã«æ¥ä»æ
å ±ããã€ãã³åºåãã§èšèŒãããŠãããšããŸãã
var d = "2019-05-01";
console.log(d.split("-"));
è¿ãå€ã¯ã[ '2019', '05', '01' ]ãšãªããŸããæãåãåºãããã®ã§ããã°ã2çªç®ã®èŠçŽ ïŒã€ã³ããã¯ã¹ã¯1ïŒãæ¥ã«ã¡ãåãåºãããã®ã§ããã°ã3çªç®ã®èŠçŽ ïŒã€ã³ããã¯ã¹ã¯2ïŒãæå®ããŸãã
æåã®è¡ã ãã衚瀺ãã
splitã¯ç°¡åãªå®çŸ©ãªãããé·ãæç« ããã¹ãŠè¡šç€ºããã®ã§ã¯ãªããæåã®äžè¡ã ãã衚瀺ã§ããããã«ããããã«ã䜿ããŸããæ¹è¡ãã»ãã¬ãŒã¿ãšããŠæå®ãããªããåè¡ãé
åã®èŠçŽ ãšããŠæ ŒçŽãããŸããæ¹è¡ã¯ãç»é¢äžã§ã¯ç®ã«èŠããŸããããæååããŒã¿ã®ãªãã§ã¯ãã\nããšããŠããŒã¿åãããŠããŸãã
ããšãã°ã
ããã¯ããããããŸãã
æ¬æ¥ãã©ãã
ãããããé¡ãããããŸããã
ãªããæååããŒã¿ãšããŠã¯ãããã¯ããããããŸãã\næ¬æ¥ãã©ãã\nãããããé¡ãããããŸããããšãªã£ãŠããŸããã§ããããã»ãã¬ãŒã¿ãšããŠã\nãã䜿ããªããåè¡ã®æååãåºåã£ãŠåãåºããããã«ãªãã®ã§ãã
var d = "ãã¯ããããããŸãã\næ¬æ¥ãã©ãã\nãããããé¡ãããããŸãã";
console.log(d.split("\n")[0]);
æåéãå€ãã³ã³ãã³ããããŒãã«ã«è¡šç€ºãããããšããªã©ã衚瀺ããããæåã®éã調æŽãããããšãå€ã ãããšæããŸãããããªãšãã«ã¯ãsplitã§åºåã£ãã²ãšã€ãã®èŠçŽ ã ãã衚瀺ãããããã«ããã®ãã²ãšã€ã®ææ³ã§ããsplitã®ãµãã€ãã®åŒæ°ã«åãåºãããèŠçŽ ã®æ°ãæå®ã§ããŸããããå¿ èŠãªåã ããè¿ãå€ã§åãåããŠäŸ¿å©ã§ãã
æç« ã®ããªã¥ãŒã ãã¯ãã
splitã䜿ãããšã«ãã£ãŠãè±æã®æç« ã®ããªã¥ãŒã ãå³ãã ãããšãå¯èœã§ããè±æã®åéã¯ãæåæ°ãããåèªæ°ã§æž¬ããŸããããsplitã§ã§ããã®ã§ããæ¥æ¬èªã®å Žåã¯ãåèªããšã«ã¹ããŒã¹ã䜿ãããšããªãã®ã§æ®å¿µãªãããã®æ¹æ³ã¯é©çšãããŸãããããããè±æãªã©ã®æç« ã§ã¯ãåèªããšã«ãåè§ã¹ããŒã¹ãå ¥ããŸãããããå©çšããŠãåè§ã¹ããŒã¹ãã»ãã¬ãŒã¿ãšããŠäœ¿ãã®ã§ãã
var d = "Is this a pen? Yes, this is a pen.";
console. log(d.split(" ").length);
é»è©±çªå·ãæŽãã
HTMLã®ãã©ãŒã ãªã©ã§ãé»è©±çªå·ãå ¥åããŠãããã·ãŒã³ãå€ããããŸãããŠãŒã¶ãŒã¯ãæç€ºæžããã€ãããšããŠããããªãã®ç¢ºçã§æåå ¥åã®ãã¿ãŒã³ããå€ãæãã®ãŸãŸã«èªåã®é»è©±çªå·ãå ¥åããŸããã§ããããå ¥åã®çµæã¯ãã€ãã³ãå ¥ããŠããé»è©±çªå·ãšãã€ãã³ãå ¥ã£ãŠããªãé»è©±çªå·ãæ··åšããŠããŸãããšã«ãªã£ãŠããŸãã®ã§ãã
ãããã£ãç¶æ³ãåé¿ããããã«ãJavaScriptã§å ¥åãããé»è©±çªå·ã®æååã調æŽããŠãããããšãã§ããŸããå ·äœçã«ã¯ãã»ãã¬ãŒã¿ããã€ãã³ãšããŠåå²ããŸãããããããšããã€ãã³ãçãããé»è©±çªå·ãé åãšãªã£ãŠæ ŒçŽãããŸããé åã®åèŠçŽ ã«æ ŒçŽãããæååããã²ãšã€ã®æååã«ããããã®ã¡ãœããã§ãããjoinã䜿ã£ãŠãåå²ãããé»è©±çªå·ãçµåããŠã¿ãŸãããã
ãŠãŒã¶ãŒãå ¥åãããã€ãã³å ¥ãã®é»è©±çªå·ã®æååããããããã«ãã€ãã³ããªããªã£ãæååã«æŽããããšãã§ãããšããå°æãªã®ã§ããããããŠãŒã¶ãŒããã€ãã³ãå ¥åããªãã£ããšããŠããèŠçŽ ãã²ãšã€ã ãã®é åãšããŠæ ŒçŽãããã®ã§ãåäœã«ççŸã¯ãããŸããã
var d = "(090)ã1234ãŒ5678";
console.log(d.split(/[-\ \(\)ããŒïŒïŒ]/).join(""));
joinã®åŒæ°ã«ã¯ç©ºæåãå ¥ããããã«ããŸããçµåããç®æã«äœãå ¥ããªãã§çµåã ãããããšããæå³ã§ãè¿ãå€ãåŸãããšãã§ããŸãã
ãŸãšã
JavaScriptã§ãæååãæäœããããšããã·ãŒã³ã¯ãããããããŸããããããªæååæäœã®ããã®ã¡ãœãããèŠããŠãããšããã§ãããããã®splitã䜿ãåæã®ããã¡ãœããã®ã²ãšã€ãšããŠãããããããã²æŽ»çšããŠã¿ãŠãã ããã
##ãã®èšäºã®ããŒã¯ãŒãã«é¢ããå匷äŒã»ã€ãã³ããæ¢ã
TECH PLAYã§ã¯ãITãšã³ãžãã¢åãã®å匷äŒã»ã€ãã³ãæ å ±ãæäŸããŠããŸãã
èå³ã®ããæ¹ã¯ãã²ãåå ãã ããã













