[JavaSccript] 콤마(,)로 구분된 문자를 배열로 합치기[JavaSccript] 콤마(,)로 구분된 문자를 배열로 합치기

Posted at 2019. 2. 24. 15:16 | Posted in JavaScript & jQuery/JavaScript




참고 : https://cloudless.tistory.com/53




■ 문자열을 배열로 바꾸는 예제





# 소스 코드

<html>

<head>

<title>:: JAVASCRIPT EXPLODE ::</title>

<style type="text/css">

.raceQueen {

text-align : center;

margin-bottom : 5px;

}

</style>

<script type="text/javascript">

document.addEventListener("DOMContentLoaded", function() {

// 콤마( , )로 구분되는 문자열을 나열한다.

var modelText = "최슬기, 한가은, 송주아, 유다연, 한지은, 김하율, 박소유, 서진아, 최별하, 서한빛";

// 콤마( , )로 구분되는 문자열을 배열로 만든다.

var arrModelmodelText.split(",");

for(var num in arrModel) {

// trim( ) 함수를 사용하여 공백을 제거한다.

var raceQueenarrModel[num].trim();

document.getElementsByClassName("raceQueen")[num].value = raceQueen;

}

});

</script>

</head>

<body>

    <h3>Race Queen ~~!!</h3>

    <input type="text" class="raceQueen" value=""/><br/>

    <input type="text" class="raceQueen" value=""/><br/>

    <input type="text" class="raceQueen" value=""/><br/>

    <input type="text" class="raceQueen" value=""/><br/>

    <input type="text" class="raceQueen" value=""/><br/>

    <input type="text" class="raceQueen" value=""/><br/>

    <input type="text" class="raceQueen" value=""/><br/>

    <input type="text" class="raceQueen" value=""/><br/>

    <input type="text" class="raceQueen" value=""/><br/>

    <input type="text" class="raceQueen" value=""/>

</body>

</html> 




# 출력 결과






Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기