자바스크립트에서 문자열을 연결하거나 붙일 때에는 "+" 연산자, concat() 함수를 사용하고, 배열의 문자열을 합칠 때는 join() 함수를 사용하면 된다. 문자열을 합칠 때는 일반적으로 "+" 연산자를 많이 사용한다. "+" 연산자가 concat() 함수보다 조금 더 성능이 좋은 걸로 알려져 있다. "+" 연산자를 사용하여 문자열 합치기 concat() 함수를 사용하여 문자열 합치기 join() 함수를 사용하여 배열을 문자열로 합치기 "+" 연산자를 사용하여 문자열 합치기 var str = 'Java' + 'Script'; // 결과 : 'JavaScript' 문자열을 합칠 때는 "+" 연산자를 사용하면 된다. 문자열 변수를 할칠 때도 str1 + str2 + str3 이렇게 "+" 연산자를 사..
자바스크립트에서 문자열의 마지막 문자를 제거하기 위해서는 다양한 방법이 있겠지만, 문자열 자르기 함수를 사용하는 방법과 replace() 함수를 사용하여 문자열의 마지막에 특정 문자가 존재할 경우 치환하여 제거하는 방법이다. 아래의 두 가지 방법을 기억해 두면 유용하게 사용할 수 있다. 문자열 자르기 함수를 사용하는 방법 replace() 함수의 정규식을 사용하는 방법 아래의 예제는 문자열의 마지막 쉼표(", ")를 제거하는 방법이다. 문자열 자르기 함수를 사용하여 마지막 문자 제거 var str = 'HTML,CSS,JavaScript,'; str = str.slice(0, -1); // 결과 : "HTML,CSS,JavaScript" var str = 'HTML,CSS,JavaScript,'; s..
자바스크립트에서 문자열을 자르기 위해서는 substr(), substring(), slice() 함수를 사용하면 된다. 문자열을 뒤에서부터 자르기 위해서는 slice() 함수를 사용하면 효율적이며 타 언어의 Right 함수와 비슷하다고 생각하면 된다. 세 가지의 함수 중 상황에 맞는 적절한 함수를 사용하면 된다. str.substr(start[, length]) str.substring(indexStart[, indexEnd]) str.slice(beginIndex[, endIndex]) 위 세 가지 함수의 인수 중 대괄호([]) 부분은 생략이 가능하며, 생략할 경우 시작 위치부터 문자열 끝까지 자른다. substr 함수로 문자열 자르는 방법 var str = '자바스크립트'; var result1 ..
자바스크립트에서 현재 날짜 및 시간을 구하기 위해서는 Date 객체를 사용하면 된다. Date 객체를 사용하여 현재의 날짜를 출력하면 YYYY-MM-DD와 같은 형식의 날짜 포맷으로 출력되지 않기 때문에, Date 객체에서 제공하는 추출 함수를 사용하여 날짜 포맷을 변환하는 작업이 추가적으로 필요하다. 현재 날짜, 시간 구하기 var today = new Date(); console.log(today); // 결과 : Sun May 30 2021 15:47:29 GMT+0900 (대한민국 표준시) // 결과 : Sun May 30 2021 15:47:29 GMT+0900 (대한민국 표준시) Date 객체를 사용하여 현재 시스템의 날짜를 가져와서 출력하면, 평상시에 사용하는 날짜 포맷(YYYY-MM-DD ..
자바스크립트의 2차원 배열이란? 자바스크립트는 진정한 2차원 배열은 없다 var arr = [][]; 이와 같은 한 번에 2차원 배열 선언이 불가능하다 약간의 트릭을 통하여 2차원 배열과 비슷한 배열을 만들 수 있다 아래의 예제 중 상황에 맞는 방법을 사용하면 된다 초기값을 할당하여 배열 생성 // arr[5][2] var arr = [['a','b'], ['c', 'd'], ['e', 'f'], ['g', 'h'], ['i', 'j']]; 반복문을 사용하여 빈 배열 생성 // arr[5][2] var arr = new Array(5); for (var i = 0; i < arr.length; i++) { arr[i] = new Array(2); } 2차원 배열 생성 함수를 만들어서 사용 function..
자바스크립트 배열 추가, 삭제 함수 배열 추가 : Array.push(), Array.unshift(), Array.splice() 배열 삭제 : Array.pop(), Array.shift(), Array.splice() 배열 요소를 추가하는 방법 var arr = ['a', 'b', 'c']; // arr = ['a', 'b', 'c', 'd'] arr.push('d'); // 배열의 끝에 요소를 추가 var arr = ['a', 'b', 'c']; // arr = ['d', 'a', 'b', 'c'] arr.unshift('d'); // 배열의 앞쪽에 요소를 추가 var arr = ['a', 'b', 'c']; // arr = ['a', 'b', 'd', 'c'] arr.splice(2, 0, 'd..
자바스크립트에서 배열을 만드는 방법 2가지 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법 Array() 생성자 함수로 배열을 생성하는 방법 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법 // 배열 생성 (빈 배열) var arr = []; arr[0] = 'zero'; arr[1] = 'one'; arr[2] = 'tow'; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } // 배열 생성 (초기 값 할당) var arr = ['zero', 'one', 'tow']; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } // 배열 생성 (배열 크기 지정) // 쉼표 개수만큼 크..
자바스크립트(Javascript) 무료 차트 jQuery를 기반으로 한 무료 차트 Plugin 두가지를 소개한다. jqPlot차트를 활용하기 위한 자료가 많다. 구글링을 해서 쉽게 찾아서 사용할 수 있다. 사이트 : http://www.jqplot.com 예제 : http://www.jqplot.com/tests FlotjqPlot와 유사하여 사용하기 쉽다. 자료는 많지 않지만 사이트의 설명과 예제로 간단한 작업은 쉽게 할 수 있다. 사이트 : http://www.flotcharts.org 예제 : http://www.flotcharts.org/flot/example
자바스크립터에서 주소(URL) 상으로 넘어오는 인자(QueryString) 값을 쉽게 파싱해서 사용할 수있는 함수를 소개한다. 해당 함수를 사용하여 리턴된 값은 JSON 형태이기 때문에 사용하기 편하다. function getUrlParams() { var params = {}; window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(str, key, value) { params[key] = value; } ); return params; } 해당 주소(URL)의 Query String 값을 JSON 형태로 받아서 사용 할 수 있다. 실제 브라우저에서 테스트 한 결과 이다.
JSON 객체에 키(key)와 값(value)를 추가하고 삭제하는 방법 var json = {NAME: "John", AGE: 30, SEX: "male"}; //add item (key, value) json.BIRTHDAY = '2001-03-01'; //delete item (key) delete json.SEX; 결과 (Result) : add item : json {NAME: "John", AGE: 30, SEX: "male", BIRTHDAY: "2001-03-01"} delete item : json {NAME: "John", AGE: 30, BIRTHDAY: "2001-03-01"}