Web/Javascript12

• 

  자바스크립트 배열에서 빈 값만 제거하기 자바스크립트에서 배열을 사용하는데 빈 값이 섞여 있다면.. 빈 값만 제거하는 방법을 알아보자. 1 2 3 var array = [1,2, undefined, 3, undefined, 4]; //변경 전 var array = [1,2,3,4]; cs 선언한 배열에 filter()함수를 사용하여 빈 값(undifined)을 제거할 수 있다. 1 2 3 4 5 array = [1, 2, undefined, 3, undefined, 4]; filtered = array.filter(function(item) { return item !== null && item !== undefined && item !== ''; }); console.log(filtered);; Colored by Color Scripter cs Web/Javascript 2022. 1. 9.

• [Javascript] 소수점 올림, 버림, 반올림 - ceil(), floor(), round() 함수 자바스크립트에서 소수점 올림, 버림, 반올림 하는 함수 소개. 1. 올림 Math.ceil(value): 입력받은 숫자를 올림한 정수를 리턴하는 함수이다. 1 2 3 4 5 6 7 var num1 = Math.ceil(1); //return 1 var num2 = Math.ceil(1.1); //return 2 var num3 = Math.ceil(1.9); //return 2 var num4 = Math.ceil(-1); //return -1 var num5 = Math.ceil(-1.1); //return -1 var num6 = Math.ceil(-1.9); //return -1 cs 2. 내림 Math.floor(value): 입력받은 숫자를 내림한 정수를 리턴하는 함수이다. 1 2 3 4 5 6.. Web/Javascript 2022. 1. 6.

• 스크립트 0/0 NaN처리 어떻게 처리 해야할까요? 자바스크립트에서 문자열과 피연산자를 함께 사용하면 NaN 값이 반환된다. 이때, isNaN 함수를 사용해서 해결하자. 먼저 isNaN이란 isNaN(Not a Number) : 매개변수가 숫자인지 검사하는 함수. isNaN(value) value가 숫자인 경우 false를, 숫자가 아닌 경우 true를 반환한다. 예시) 1 2 3 4 5 6 7 8 9 10 11 var a = 10.5 var b = '10.5'; var c = 'isNaN'; var d = 10*10; var e = '10 * 10'; return isNaN(a); //false 를 반환 return isNaN(b); //false 를 반환 return isNaN(c); //true 를 반환 return isNaN(d); //false .. Web/Javascript 2022. 1. 5.

• 글자 길이에 다른 컬럼 크기 동적 변환 글자 길이에 따라서 그리드 컬럼 width를 변경시켜야 할 때 간단히 사용할 수 있는 방법이다. 사실 별다른 기술은 아니고... String의 length를 width 계산식으로 활용하는 것이다. 예를 들면, 1 2 3 4 5 6 var name = 'ColumnName'; var width = 0; width = name.length; grid.setWidth('NM', width); cs 이런 방식으로 사용하는 것이다.. 사실 특별한 기술도 아니고 별 거 없다..ㅋㅋ Web/Javascript 2022. 1. 4.

• [Javascript] 문자열의 마지막 문자 제거하는 방법(slice, substr) 개발 중 문자열의 마지막 문자를 제거해야할 때가 종종 있다. 그 중 두가지를 소개하겠다.. 1. slice() 함수 1 2 3 var str = 'One, Two, Three, Four,'; return str.slice(0, -1); //return One, Two, Three, Four cs 위 예제와 같이 slice(0, -1) 을 이용하면 마지막 문자를 제거할 수 있다. 2. substr() 함수 1 2 3 var str = 'One, Two, Three, Four,'; return str.substr(0, str.length -1); //return One, Two, Three, Four cs 다양한 방법이 있겠지만 내가 생각하기에 가장 간단한 방법은 slice() 함수를 사용하는 것이다. Web/Javascript 2021. 11. 15.

• [Javascript] 배열값 중에서 최댓값 최솟값 구하기 javascript에서 배열의 최댓값 최솟값을 구하는 방법 1. Function.prototype.apply() 함수 Math.max() 함수와 Math.min() 함수에 apply()함수를 함께 사용하면 간단하게 배열의 최솟값, 최댓값을 얻을 수 있다. Math.max(), Math.min() 만을 단독으로 사용하면 적용이 안 되는 경우도 있기 때문에 apply() 함수도 함께 사용한다. 1 2 3 var arrayMax = [1,2,3,4,5]; return Math.max.apply(null, arrayMax); //return 5 1 2 3 var arrayMin = [1,2,3,4,5]; return Math.min.apply(null, arrayMin); //return 1 Function.p.. Web/Javascript 2021. 11. 15.

• [Javascript] 형변환 / 실수를 정수로 형변환 실수를 정수로 형변환 parseInt 함수를 사용하면 실수를 정수로 형변환 가능하다. 1 2 3 var num = 123.99; console.log(parseInt(num)); //result 123 cs Web/Javascript 2021. 11. 15.

• [JavaScript] 최대 공약수, 최소 공배수 구하는 알고리즘 최대 공약수(greatest common divisor)란? 두 수, 혹은 그 이상의 여러 수의 공통인 약수 중 가장 큰 수 최소 공배수(least common multiple)란? 두 수, 혹은 그 이상의 여러 수의 공통인 배수 중 가장 작은 수 ex)최대공약수 4: 1, 2, 4 12: 1, 2, 3, 4, 6, 12 4와 12의 약수 중 가장 큰 약수인 4가 최대공약수가 된다. 최소공배수 4: 4, 8, 12, 16, 20 ... 12: 12, 24, 36 ... 4와 12의 배수 중 가장 작은 수인 12가 최소공배수가 된다. 문제: 4, 12의 최대공약수와 최소공배수를 반환하는 함수를 작성하시오. 최대공약수와 최소고배수는 유클리드 호제법을 사용하는 것이 간단하다. 유클리드 호제법이란? 2개의 자연.. Web/Javascript 2021. 11. 15.

• [Javascript] String을 Number타입으로 바꾸기 JavaScript에서 문자열(String)을 숫자(Number)로 형변환 하는 방법이다. 1. Number() 함수 - 문자열을 숫자로 형변환 Number() 함수를 이용해서 문자열을 숫자로 형변환 할 수 있다. 1 2 3 var tmp = "1234"; console.log(Number(tmp)); //result 1234 cs 1 2 3 var tmp = "1234.5"; console.log(Number(tmp)); //result 1234.5 cs 2. parseInt() 함수 - 문자열을 정수로 형변환 parseInt() 함수를 이용해서 문자열을 정수로 형변환 할 수 있다. 1 2 3 var tmp = "1234.5"; console.log(parseInt(tmp)); //result 1234.. Web/Javascript 2021. 11. 15.

• [Javascript] 숫자 3자리마다 콤마(,) 찍기(정규식,toLocalString) 숫자 세자리 마다 콤마(,) 찍는 방법 두가지를 소개합니다. 1. 정규식(Regular Expression) 사용하기 var number = 1234567.89; return number.toString().replace(/\B(?); //returns 1,234,567.89 하지만 위 정규식에서의 ? 때문에 위처럼 넣게되면 함수 자체가 에러를 뱉어내므로, 스크립트를 호출하지 못하는 에러가 발생한다. (object Error / function undefined) return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); //returns 1,234,567.89 위와같이 정규식을 기술해야 익스, ios, safari 에서 정상적으로 함수를 호출할 수.. Web/Javascript 2021. 11. 10.

• [Javascript] 자바 스크립트에서 문자열을 여러 구분 기호로 분할하기(split) javascript에서 문자를 분할할 때 split 함수를 많이 사용한다. 보통 분할 구분 기호가 하나인데 여러개를 사용하고 싶을 때는 어떻게 해야할까? 정규식을 사용하면 된다. 정규식이 뭔고하면.. 정규표현식이라는 것을 이용해 내가 직접 만들어서 사용하는 것으로... /(슬러시)로 감싸는 패턴이다. 자세한 내용은 아래와 같다. ✔특수문자 사용하기 검색에서 하나 이상의 b들을 찾거나, 혹은 공백을 찾는 것과 같이 '있는 그대로의 대응' 이상의 대응을 필요로 할 경우, 패턴에 특수한 문자를 포함시킨다. 예를 들어 '/ab*c/' 패턴은 'a'문자 뒤에 0개 이상의 'b'문자가 나타나고 바로 뒤에 'c'문자가 나타나는 문자 조합에 대응된다. '\' 특수문자가 아닌 문자 앞에서 사용된 백슬래시는 '해당 문자는.. Web/Javascript 2021. 10. 5.

• [Javascript]eval함수/문자열을 수식으로 인식하게하는 함수 eval() eval()은 문자열을 코드로 인식하게 하는 함수다. 예를 들어 eval( '10+10' ) 는 문자열 10+10가 아니라 계산한 결과 20이다. 간단한 예제로는 ------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------- 위의 출력의 예 : 200 4 27 나는 반복문으로 배열에 값을 밀어넣는 작업을 할 때 사용했다. B list의 값을 A배열에 넣는 작업을 하는데, B.DELR_CD1 → A[0], B... Web/Javascript 2021. 10. 1.