자바스크립트 - 배열 관련 함수 정리 toString, join, pop, push, shift, unshift

자바스크립트에서는 배열 객체에 사용할 수 있는 다양한 메서드들이 있습니다. 배열 메서드들을 이용하면 많은 기능을 쉽게 구현할 수 있습니다. 1.toString() 배열 안의 값을 콤마를 찍어가며 모두 문자열로 출력합니다. var hero = ['superman', 'batman', 'pororo']; console.log(name.toString()); // "superman,batman,pororo" 2. join() toString() 메서드와 같이 배열안의 값을 문자열로 출력하지만, 특정 구분자를 사이에 넣어줍니다. var hero = ['superman', 'batman', 'pororo']; console.log(hero.join('>')); //"superman>batman>pororo" 3...

• format_list_bulleted Develop/JavaScript
• · 2019. 4. 17.
• textsms

자바스크립트 - replace 특정 문자열을 다른 문자열로 변경하기

replace() 문자열에 검색할 값을 찾아서 새로운 값으로 변경하여 리턴해주는 메서드 입니다. replace('검색할값', '새로운값'); var str = 'hello java'; console.log(str.replace('java', 'javascript')); //hello javascript 단, 본인이 검색할 값은 첫 번째 한번 값만 바뀌게 됩니다. 특정 값을 모두 바꾸고 싶으면 아래의 방법을 사용해야 합니다. /java/g var str = "hello javascript and java"; console.log(str.replace(/java/g, 'type')); //"hello typescript and type' 대소문자를 구별하지 않으려면, /java/gi var str = "he..

• format_list_bulleted Develop/JavaScript
• · 2019. 4. 16.
• textsms

자바스크립트에서 false 인 값(false, undefined, null, 0, NaN, "")

자바스크립트는 다른 언와 달리 특정 형태를 false로 취급합니다. 편리하기도 하지만, 헷갈리는 경우도 많죠. 아래 값들은 false 입니다. false undefined null 0 -0 Nan "" var a = 0; console.log(Boolean(a)); //false a = -0; console.log(Boolean(a)); //false a = ""; //빈 문자열 console.log(Boolean(a)); //false a; //undefiend console.log(Boolean(a)); //false a = null; //널값 console.log(Boolean(a)); //false a = false console.log(Boolean(a)); //false a = 120 / 't..

• format_list_bulleted Develop/JavaScript
• · 2019. 4. 15.
• textsms

자바스크립트 - 문자열 자르기 substring()

substring 자바스크립트의 문자열을 원하는 만큼 자를 수가 있습니다. substring(start, end) start 와 end 사이의 문자열을 자르게 됩니다. end 가 없을 경우에는 문자열 끝까지 나오게 됩니다. 만약에 start가 end보다 큰 경우 반대로 계산되어서 자르게 됩니다. start와 end가 음수일 경우 0으로 봅니다. var str = "hi siri" console.log(str.substring(3)); //siri console.log(str.substring(0,2)); //hi console.log(str.substring(7, 3)); //reverse substring(3, 7); console.log(str.substring(-1, -3)); // ""

• format_list_bulleted Develop/JavaScript
• · 2019. 4. 12.
• textsms

자바스크립트 - 오늘 날짜 구하기 getFullYear(), getMonth(), getDate(), getDay()

자바스크립트에서 오늘 날짜 구하기 아래와 같이 date 객체를 선언하게 되면 현재 시간이 출력됩니다. data 함수 중에 getFullYear(), getMonth(), getDate(), getDay()를 이용하면 오늘 날짜의 연도, 월, 일을 알 수 있습니다. var date = new Date(); // Wed Mar 27 2019 20:21:44 GMT+0900 (한국 표준시) 이제 날짜 함수와 관련된 메서드를 알아보겠습니다. ex) 2019년 3월 27일 (수) 기준 getFullYear() 년도를 출력하는 함수입니다. console.log(date.getFullYear()); //2019 getMonth() 월을 출력하는 함수입니다. 단, 0부터 시작합니다. 1월 -> 0 그래서 +1 해줘야 ..

• format_list_bulleted Develop/JavaScript
• · 2019. 3. 27.
• textsms

자바스크립트 - 배열 객체 선언 하는 방법 초기화 하기

배열이란 ? Java나 다른 프로그래밍 언어에서의 배열은 같은 자료형의 자료만 담을 수 있지만, 자바스크립트 배열의 다른 자료형의 자료도 담을 수가 있습니다. 배열 만드는 방법 생성자 방법과 객체 방법으로 배열을 만들 수 있습니다. 1. 배열 생성자 방법 var arr = new Array('대한민국', '일본', '중국'); var arr = new Array('대한민국', '일본', '중국'); 2. 배열 객체 방법 var arr = ['대한민국', '일본', '중국']; var arr1 = new Array(1, 2, 3); var arr2 = [1, 2, 3] console.log(arr1.length === arr2.length) //true; console.log(arr1[0]) // 1 co..

• format_list_bulleted Develop/JavaScript
• · 2019. 3. 25.
• textsms

자바스크립트 - split 특정 문자를 기준으로 자르기

split 특정 문자를 기준으로 문자열을 잘라 배열에 넣어 return 합니다. 강남구/용산구/마포구 위의 구들을 '/' 기준으로 문자로 잘라서 사용하고 싶을 때 사용합니다. 문법 문자열.split('특정 문자') 사용 예시 var pNum = 010-1111-2222 var arr = pNum.split('-') for(var i=0 i

• format_list_bulleted Develop/JavaScript
• · 2019. 3. 22.
• textsms

자바스크립트 | 조건문 switch문

조건문 - switch문 조건문에는 두 가지 종류가 있습니다. if문과 switch문 if문과 switch문은 비슷하지만, 각각의 특징에 맞게 사용할 수가 있습니다. switch문은 코드를 좀더 간결하고 빠르게 사용할 수 있습니다. switch문은 뭔가 집에 있는 전등의 스위치라고 생각하시면 됩니다. 거실 화장실 부엌 3가지 버튼이 있다면 거실이 맞으면 거실 불이 켜지게 되고, 화장실이 맞으면 화장실 불이 켜지게 되고, 위와 같이 집에 있는 스위치와 같다고 생각하면 뭔가 이해하기 쉬운것 같습니다. switch 문 문법 switch ( 변수 ){ case 변수:; 실행문 break; } switch문의 변수가 case 변수와 같으면 실행문이 실행이 되고 break; 를 만나게 되면 switch문을 나가게 ..

• format_list_bulleted Develop/JavaScript
• · 2019. 3. 21.
• textsms

자바스크립트 if문을 이용한 학점 계산기 만들기

자바스크립트에서 if문을 이용하여 학점을 출력하는 코드입니다. input 텍스트 창에 점수를 입력하면, 아래의 div 패널에 각 점수에 맞는 A,B,C 학점이 출력됩니다. 입력 function score(){ const inputScore = document.querySelector('.score'), result = document.querySelector('.result'); const score = inputScore.value; if(score > 90){ result.innerHTML = 'A학점 입니다.'; }else if(score > 80){ result.innerHTML = 'B학점 입니다.'; }else if(score > 70){ result.innerHTML = 'C학점 입니다.';..

• format_list_bulleted Develop/JavaScript
• · 2019. 3. 20.
• textsms

자바스크립트 | if문 if~else문

조건문 if문과 if~else문 if문 문법 if ( 조건문 ){ 실행문; } 조건문이 참이면, 실행문을 실행하고 거짓이면, 실행문을 실행 시키지 않습니다. var i = 20; if( i > 10){ console.log('10보다 큰 수 입니다.'); } if~else문 문법 if ( 조건문 ){ 실행문1; }else { 실행문2; } 조건문이 참이면 실행문1을 실행하고 거짓이면, else { } 안에 있는 실행문 2를 실행 시킵니다. var i = 5; if( i > 10){ console.log('10보다 큰 수 입니다.'); }else{ console.log('10보다 작은 수 입니다.); } if~else if문 if ( 조건문 ){ 실행문1; }else if( 조건문2 ) { 실행문2; } ..

• format_list_bulleted Develop/JavaScript
• · 2019. 3. 19.
• textsms