자바스크립트에서 문자열의 마지막 문자를 제거하기 위해서는 다양한 방법이 있겠지만, 문자열 자르기 함수를 사용하는 방법과 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
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"}
자바스트립트에서 replace 메서드를 사용하면 첫 번째 문자만 치환이 되고 작동이 멈춘다. String 클래스에 replaceAll 메서드를 추가하여 쉽게 문자를 치환 할 수 있다. □ 방법 1. String prototype 메서드 추가 //replaceAll prototype 선언 String.prototype.replaceAll = function(org, dest) { return this.split(org).join(dest); } //replaceAll 사용 var str = "Hello World"; str = str.replaceAll("o","*"); alert(str); 설명 : str = str.split("o"); 출력 : ["Hell", " W", "rld"] //해당 문자로 배..
해당일자의 요일을 구할때 사용한다 크롬에서는 빨간색부분을 var d = new Date(sDate); 해도 상관없으나 사파리에서는 안된다. 예) var weekday = getWeekday("2011-04-01") function getWeekday(sDate) { var yy = parseInt(sDate.substr(0, 4), 10); var mm = parseInt(sDate.substr(5, 2), 10); var dd = parseInt(sDate.substr(8), 10); var d = new Date(yy,mm - 1, dd); var weekday=new Array(7); weekday[0]="일"; weekday[1]="월"; weekday[2]="화"; weekday[3]="수"; ..