본문 바로가기

IT/Javascript

(17)
자바스크립트에서 trim() 사용하기 자바스크립트에는 기본적으로 trim()이없다. 아래의 코드를 추가후 trim을 사용할수 있다 String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ""); } 예) var str = "test "; str = str.trim();
오늘 날짜(date) 문자형식(yyyy-mm-dd)으로 얻기 오늘날짜(일자)를 문자열(YYYY-MM-DD) 형식으로 얻어온다 var today = getTimeStamp() 결과 : 2011-03-30 function getTimeStamp() { var d = new Date(); var s = leadingZeros(d.getFullYear(), 4) + '-' + leadingZeros(d.getMonth() + 1, 2) + '-' + leadingZeros(d.getDate(), 2); return s; } function leadingZeros(n, digits) { var zero = ''; n = n.toString(); if (n.length < digits) { for (i = 0; i < digits - n.length; i++) zero +=..
날짜(일수) 더하기 빼기 (dateadd) 날자형식의 문자열에 날짜를 빼거나 더할수 있다. &nbsp 예) date_add("2011-03-30", 1); //날짜에 1일을 더한다 &nbsp function date_add(sDate, nDays) { var yy = parseInt(sDate.substr(0, 4), 10); var mm = parseInt(sDate.substr(5, 2), 10); var dd = parseInt(sDate.substr(8), 10); d = new Date(yy, mm - 1, dd + nDays); yy = d.getFullYear(); mm = d.getMonth() + 1; mm = (mm < 10) ? '0' + mm : mm; dd = d.getDate(); dd = (dd < 10) ? '0' +..
ECMA6 문법 (구조분해,애로우함수 등) => (애로우 함수) ▼ 내용 ECMA6 들어서면서 => 애로우 함수를 사용할수 있따. &nbsp const handleListening = () =>{ console.log(&#39;ㅎㅇ&#39;); } // 위에 는 const handleListening = function () { console.log(&#39;ㅎㅇ&#39;); } //이거랑 같다import , export ▼ 내용 import 문은 외부 모듈이나 다른 스크립트 등으로부터 export 된 기능을 가져오는데 사용됩니다. (함수,변수 모듈화 class화?) &nbsp 자바스크립트는 호이스팅이 되는 관계로 변수나 함수가 전역에서 사용할 수 있었기 때문에 이름으로 충돌을 일으키는 경우가 많아서 이용하기 어려웠다. (CommonJS로 사용할..
배열 관련 함수들(push,pop,shift,unshift,splice,slice) push() 배열의 끝에 아이템을 추가한다 &nbsp var fruits = ["Apple", "Banana", "Orange", "Strawberry"]; var push = fruits.push("Grape"); console.log(push); console.log(fruits);출력 결과 ["Apple", "Banana", "Orange", "Strawberry", "Grape"]pop() 배열의 마지막 아이템을 제거한다 &nbsp var fruits = ["Apple", "Banana", "Orange", "Strawberry"]; var pop = fruits.pop(); console.log(pop); console.log(fruits);출력 결과 Strawberry ["Apple", "Ba..
배열 forEach Loop 하는 방법 forEach Loop foreach 반복문은 오직 Array 객체에서만 사용가능한 메서드입니다. (ES6부터는 Map,Set 지원) 배열의 요소들을 반복하여 작업을 수행할수 있습니다. var fruits = ["Apple", "Banana", "Orange", "Strawberry"]; fruits.forEach(function (item, index, array) { console.log(item, index); }); //첫번쨰 인수는 배열의 각각의 item //두번쨰 인수는 배열의 index //세번째 인수는 배열 그자체 for .... in 반복문 객체의 key값과 value 값을 뽑아내는데 유용합니다. var obj = { a: '가', b: '나', c: '다' }; for (var key ..
배열 에서 최대, 최소 값 찾기 2개 이상의 변수 중 가장 큰 값 찾기 a, b, c 의 변수 중에서 가장 큰 값은? var a = 11, b = 12, c = 13; var max = Math.max(a,b,c);배열 내 숫자 중 가장 큰 값 찾기 arr 배열 내 숫자 중 가장 큰 값은? var arr = [11, 12, 13]; var max = Math.max.apply(null, arr);2개 이상의 변수 중 가장 작은 값 찾기 a, b, c 의 변수 중에서 가장 작은 값은? var a = 11, b = 12, c = 13; var min = Math.min(a,b,c);배열 내 숫자 중 가장 작은 값 찾기 arr 배열 내 숫자 중 가장 작은 값은? var arr = [11, 12, 13]; var min = Math.min.a..
javascript array의 원소 삭제하기 javascript Array의 특정 원소를 지우는 법을 정리한다. python에서는 다음과 같은 코드로 같은 작업을 할 것이다. a = [1, 2, 3, 4] a.remove(3) 다음은 javascript 코드이다. 지우고 싶은 원소의 인덱스를 찾아서 splice 함수를 통해서 지운다. let a = [1, 2, 3, 4] const idx = a.indexOf(3) if (idx > -1) a.splice(idx, 1) 단순 array가 아닌 object를 담는 array에서 특정 field 값을 가지는 object를 지우고 싶다면 다음과 같은 방식으로 할 수 있다. functional programming style의 find 함수를 이용해서 원하는 object를 찾고, 그 이후는 같은 논리로 코..