목록개발자 (44)
kimmgamjja
1. 함수로 구현자리수만큼 남은 앞부분을 0으로 채움function fillZero(width, str){ return str.length >= width ? str:new Array(width-str.length+1).join('0')+str; //남는 길이만큼 0으로 채움}2. 문자열(String) 또는 숫자 (Number) 프로토타입 메서드로 구현- 숫자 프로토타입으로 입력 길이만큼 앞에 0을 채운 문자열 반환 Number.prototype.fillZero = function(width){ let n = String(this);//문자열 변환 return n.length >= width ? n:new Array(width-n.length+1).join('0')+n; //남는 길이만큼 0으로 채움..
toFixed()numObj.toFixed([소수 부분의 자릿수]) : Number 인스턴스의 소수 부분 자릿수를 전달받은 값으로 고정한 후, 그 값을 문자열로 반환 let numObj = 1.23456 console.log(numObj.toFixed()); // 결과: '1'console.log(numObj.toFixed(6)); // 결과: '1.234560'console.log(numObj.toFixed(3)); // 결과: '1.235'console.log(numObj.toFixed(1)); // 결과: '1.2'numObj = 0.0005678 console.log(numObj.toFixed()); // 결과: '0'console.log(numObj.toFixed(5)); // 결과: '0.00..
자바스크립트 삭제 관련 함수 .remove() 선택한 요소를 DOM트리에서 삭제, 삭제된 요소와 연관된 jQuery 데이터나 이벤트도 같이 삭제된다- 지정한 요소와 하위 요소 모두 제거$('.test').click(function () { $('#testt1').remove();}).detach() 선택한 요소를 DOM 트리에서 삭제, 삭제된 요소와 연관된 jQuery 데이터나 이벤트는 유지된다.- 지정한 요소와 하위 요소 모두 제거$("#testt1").detach(); - 요소 제거 후 append로 재생성하는 경우에 사용 .empty() 선택한 요소의 자식 요소를 모두 삭제- 지정한 요소는 제거되지 않는다- 제거 되는 요소들의 데이터와 이벤트 모두 제거$("#testt11")..
find()find() 메소드는 주어진 테스트 함수의 조건을 만족하는 첫 번째 요소 값을 반환조건에 맞는 요소를 찾을 수 없다면 undefined를 반환find()는 호출되는 배열을 변경하지 않음var arr = ['A', 'B', 'C', 'A'];arr.find((item) => item == "A"); // A (arr[0])arr.find((item) => item == "D"); // undefined findIndex()findIndex() 메소드는 주어진 함수를 통과한 첫 번째 요소의 인덱스 값을 반환조건에 맞는 요소를 찾을 수 없다면 -1을 반환findIndex()는 호출되는 배열을 변경하지 않음var arr = [1,5,6,3,4,7];var evenIndex = arr.findIndex..
1.$("input[name='test']") → 'test' 라는 name으로 접근 2. ^= ~로 시작하는$("input[name^='test']") → 'test' 로 시작하는 name 접근(쿼리에서 LIKE 'test%' 와 동일)3. *= ~포함된$("input[name*='test']") → 'test' 로 포함된 name 접근(쿼리에서 LIKE ' %test%' 와 동일)4. $= ~로 끝나는$("input[name$='test']") → 'test' 로 끝나는 name 접근(쿼리에서 LIKE ' %test' 와 동일)
extend() 다수의 객체를 하나의 객체로 합친다. - $.extend (대상, 객체1, 객체2, ... , 객체n) - 객체가 동일한 프로퍼티를 가지게 되는 경우 나중에 덮어씌어지는 값이 최종값으로 남게 된다 objA = { a: 1, b: 2 }objB = { b: 3, c: 4 }objC = $.extend({}, objA, objB); // { a: 1, b: 3, c: 4 }// objC['a'] = 1// objC['b'] = 3 objB의 b값으로 덮어씌워짐// objC['c'] = 4 objA = { a: '1', b: { b1: 100, b2: 200}}objB = {b: { b2: 300, b3: 300}, c: '4'}objC = $.extend({}, objA, objB);o..
문자열로 변환1. String()var tt = 2alert(typeof tt); // Result : numbertt = String(tt);alert(typeof tt); // Result : string 2. 숫자에 문자열 더하기var tt = 2tt += "";alert(typeof tt); // Result : string 3. toString()var tt = 2; // Numbertt = tt.toString();console.log(typeof tt); // Stringvar arr = ['today', 'yesterday', 'hello', '1', 'bye'].toString();console.log(arr); // "today,yesterday,hello,1,bye"숫..
1. bind(eventType,handler) - 이벤트 등록 - id가 btn이라는 요소에 이벤트 핸들러를 추가한다.- eventType은 click, handler는 클릭이라는 문구를 출력하는 alert 창이 나오도록 함수를 지정한다- id가 btn요소를 클릭 시 '클릭' 문구가 나오는 alert창이 뜬다 2. unbind( [eventType] [, handler] ) - 이벤트 제거 - id가 btn인 요소에 추가된 이벤트를 제거한다.- 매개변수가 없으면 모든 이벤트 제거- eventType 지정시 지정된 이벤트 제거- handler 지정시 click에 대한 이벤트는 남아있어도 핸들러에 해당되는 부분이 제거
1. setInterval()setInterval() 함수는 일정한 시간 간격으로 지속적으로 반복해서 작업을 실행할 때 사용하는 자바스크립트 함수이 함수를 사용하면 일정한 간격으로 코드를 실행할 수 있음setInterval() 매소드는 함수를 여러번 호출하고 , window. 구문을 생략할 수 있음var a = setInterval(test, 3000);function test(){ alert("welcome");}setInterval() 메소드는 두개의 매개변수 값 function과 milliseconds 사용function: 실행할 코드 블록을 포함하는 함수milliseconds: 이 매개변수는 각각의 함수 호출 사이의 시간 간격을 나타낸다. 간격은 밀리초 단위이고 코드가 실행될 빈도를 정의한다. ..
String.valueOf()와 Object.toString() 문자열 형변환에 쓰임 - String.valueOf()와 Object.toString() 의 차이 1) Object.toString() : null값을 문자열로 형변환시 NullPointerException 을 발생시킴public static void main(String args[]) { Object obj = null; System.out.println(obj.toString()); // NullPointerException 오류 발생 } 2) String.valueOf() : 전달받은 파라미터가 null이 전달될 경우 문자열 "null"을 반환public static void main(String args[]) { ..