[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 arrModel = modelText.split(",");

for(var num in arrModel) {

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

var raceQueen = arrModel[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> 




# 출력 결과






반응형
저작자표시

'JavaScript & jQuery > JavaScript' 카테고리의 다른 글

[JavaScript] 셀렉트 박스의 시간 자동 비교 및 선택기능  (0) 2019.05.23
[JavaScript] 정규 표현식을 사용한 데이터 변환  (0) 2019.04.16
[JavaScript] 배열의 값을 콤마(,)로 분리하기  (0) 2019.02.24
[JavaScript] GMT, 그리니치 표준시 구하기  (2) 2019.01.25
[JavaScrpt] 파일업로드시 확장자 검사하기  (0) 2019.01.23
//

[JavaScript] 배열의 값을 콤마(,)로 분리하기[JavaScript] 배열의 값을 콤마(,)로 분리하기

Posted at 2019. 2. 24. 15:15 | Posted in JavaScript & jQuery/JavaScript
반응형




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




■ 배열을 문자열로 합쳐서 출력하는 예제




# 소스 코드

<html>

<head>

<title>:: JAVASCRIPT IMPLODE ::</title>

<script type="text/javascript">

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

 

  // 1차원 배열을 선언한다.

var arrModel = new Array("XPS", "MacBook", "Spectre", "ThinkPad", "PenS", "Gram");

// 생성한 1차원 배열을 콤마( , )로 구분하는 문자열로 합친다.

var combineText = arrModel.join(", ");

document.getElementById("noteBook").value = combineText;

  });

</script>

</head>

<body>

    <h3>제조사별 대표적인 노트북 모델들은?</h3>

    <input type="text" id="noteBook" value="" style="text-align:center;width:300px;"/>

</body>

</html>




# 출력 결과






반응형
저작자표시

'JavaScript & jQuery > JavaScript' 카테고리의 다른 글

[JavaScript] 정규 표현식을 사용한 데이터 변환  (0) 2019.04.16
[JavaSccript] 콤마(,)로 구분된 문자를 배열로 합치기  (0) 2019.02.24
[JavaScript] GMT, 그리니치 표준시 구하기  (2) 2019.01.25
[JavaScrpt] 파일업로드시 확장자 검사하기  (0) 2019.01.23
[JavaScript] 시간이 AM 혹은 PM인지 확인하기  (0) 2019.01.22
//

[JavaScript] GMT, 그리니치 표준시 구하기[JavaScript] GMT, 그리니치 표준시 구하기

Posted at 2019. 1. 25. 01:06 | Posted in JavaScript & jQuery/JavaScript
반응형






■ 사전 지식




#01. UTC, 협정 세계시


-. UTC(영어 : Coordinated Universal Time, 프랑스어 : Temps Universel Coordonné)

-. 1972년 1월 1일부터 시행된 국제 표준시이다. UTC는 국제원자시와 윤초 보정을 기반으로 표준화되었다.

-. TC는 그리니치 평균시(GMT)에 기반하므로 GMT로도 불리기도 하는데, UTC와 GMT는 초의 소숫점 단위에서만 차이가 나기 때문에 일상에서는 혼용되어 사용된다.

※ 기술적인 표기에서는 UTC가 사용된다.




#02. GMT, 그리니치 표준시


-. GMT(Greenwich Mean Time), 그리니치 표준시는 런던을 기점으로 하고, 웰링턴에 종점으로 설정되는 협정 세계시의 기준시간대이다.
-. 기준시간대여서 그리니치 표준시중 가장 빠른 시간대이다.
-. 협정 세계표준시(UTC)가 있지만, 아직도 영국 BBC 방송을 중심으로 GMT란 표현은 널리 쓰이고 있다.
-. 영국 런던에 소재한 그리니치 천문대를 기준으로하는 경도를 사용하기에 그리니치 천문대의 경도는 0.00이 됐다




#03. KST, 한국 표준시


-. KST(Korea Standard Time)는 대한민국과 조선민주주의인민공화국의 표준시로,

   일본 표준시와 같은 동경 135도를 기준으로 하여 UTC보다 9시간 빠른 표준시(UTC+09:00)이다.
-. 양국 모두 일광 절약 시간제는 사용하지 않고 있다.
-. 한반도의 경우 중앙을 지나는 동경 127도 30분을 기준으로 하여 처음으로 표준시(UTC+08:30)가 정해졌고,

   1908년 4월 1일부터 1911년 말까지 시행되었다.
   1912년 1월 1일에 일제 강점기의 조선총독부가 동경 135도 기준인 일본 표준시(UTC+09:00)와 동일하게 표준시를 변경하였고

   현재까지 한반도에서는 UTC+09:00를 표준시로 사용하고 있다.







■ 그리니치 표준시(GMT) 구하기




# 소스코드

<html>

<head>

<title>:: JavaScript 협정 세계시 ::</title>

<script language="javascript">

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


        // 기본 시간 구하기

        var toTime = new Date();

        document.getElementById("toNow").innerHTML = toTime.toString();

        // KST와 UTC의 차이 - 분

        var min = toTime.getTimezoneOffset();

        document.getElementById("toMin").innerHTML = min;


        // KST와 UTC의 차이 - 시간

        var hour = toTime.getTimezoneOffset() / 60;

        document.getElementById("toHour").innerHTML = hour;

        

        // GMT(그리니치 표준시) 런던(GMT + 0) 시간 구하기

        var calGmt = toTime.setHours(toTime.getHours() + hour);

        var calGmt = new Date(calGmt);

        document.getElementById("toGmt").innerHTML = calGmt.toUTCString();

    });

</script>

</head>

<body>

    현재 한국 시간 구하기 : <span id="toNow"></span>

    <br/>

    KST와 UTC의 분 차이 : <span id="toMin"></span>

    <br/>

    KST와 UTC의 시간 차이 : <span id="toHour"></span>

    <br/>

    현재 그리니치 표준시(GMT+0)은? : <span id="toGmt"></span>

</html>




# 출력결과







반응형
저작자표시

'JavaScript & jQuery > JavaScript' 카테고리의 다른 글

[JavaSccript] 콤마(,)로 구분된 문자를 배열로 합치기  (0) 2019.02.24
[JavaScript] 배열의 값을 콤마(,)로 분리하기  (0) 2019.02.24
[JavaScrpt] 파일업로드시 확장자 검사하기  (0) 2019.01.23
[JavaScript] 시간이 AM 혹은 PM인지 확인하기  (0) 2019.01.22
[JavaScript] 날짜 자동 포맷 함수  (0) 2019.01.11
//

[JavaScrpt] 파일업로드시 확장자 검사하기[JavaScrpt] 파일업로드시 확장자 검사하기

Posted at 2019. 1. 23. 11:48 | Posted in JavaScript & jQuery/JavaScript
반응형





참고 : https://code.i-harness.com/ko-kr/q/409d5d






■ 이미지 파일 업로드시 확장자 검사하기




# 소스 코드

<html>

<head>

<title>:: JAVASCRIPT 특정 문자열 검색 ::</title>

<script type="text/javascript">

function confirmFileExtension(file) {

console.log(file);

// 정규식을 사용히여 jpg, jpeg, png, gif, bmp등 이미지파일의 확장자를 가진것을 추려낸다.

var reg = /(.*?)\.(jpg|jpeg|png|gif|bmp)$/;

  if(file.match(reg)) {

alert("해당 파일은 이미지 파일입니다.");

} else {

alert("해당 파일은 이미지 파일이 아닙니다.");

}

}

</script>

</head>

<body>

    <h3>이미지 파일 검색</h3>

    <input type="file" id="imgFile"/>

    <br/>

    <input type="button" onClick="confirmFileExtension(imgFile.value);" value="업로드"/>

</body>

</html>





# 출력 결과








반응형
저작자표시

'JavaScript & jQuery > JavaScript' 카테고리의 다른 글

[JavaScript] 배열의 값을 콤마(,)로 분리하기  (0) 2019.02.24
[JavaScript] GMT, 그리니치 표준시 구하기  (2) 2019.01.25
[JavaScript] 시간이 AM 혹은 PM인지 확인하기  (0) 2019.01.22
[JavaScript] 날짜 자동 포맷 함수  (0) 2019.01.11
[JavaScript] 더블 클릭 이벤트 방지  (0) 2018.12.29
//

티스토리툴바