Javascript 35
Script/Javascript 분류의 글을 최신순으로 모았어요.
- Javascript
자바스크립트 배열 자르기 (slice, splice)
자바스크립트 배열 자르기 (slice, splice) 자바스크립트 배열자르는 함수 slice, splice 에 대해 정리한다. 그리고 둘의 차이점도 한번 살펴 보자. 1. slice() slice는 배열의 인자로 받는 "시작index"부터 "끝index"까지 자른 복사본을 리턴 한다. 특징 : 원본의 배열 값은 바뀌지 않는다. 구문 arr.slice([시작값],[끝값]) 사용 예 ) let arr = ['땅','불','바람','물','마음']; let sliceArr1 = arr.slice(2); // (3) ['바람', '물', '마음'] let sliceArr2 = arr.slice(2, 4); // (2) ['바람', '물'] let sliceArr3 = arr.slice(1,4);// (3) ['..
자바스크립트 원하는 문자열 추출 (substring, substr )
자바스크립트 원하는 문자열 추출 (substring, substr ) 1. substring String 문자열의 시작번호와 끝번호를 넘기면 그에 해당하는 부분 문자를 찾아 리턴한다. 사용 구문 str.substring(시작값, 끝값) 사용 예 ) var str = 'apple'; console.log( str.substring(0,2) ) ; // ap console.log( str.substring(1,3) ) ; // pp console.log( str.substring(2,4) ) ; // pl console.log( str.substring(0,5) ) ; // apple console.log( str.substring(99,100) ) ; // 빈값 console.log( str.substri..
javascript each, forEach, for-of, for-in 초간단 사용방법
javascript each, forEach 초간단 사용방법 기본for, each, forEach, for-of, for-in 사용방법에 대해서 정리 해본다. 반복문을 수행하는 방법에는 여러가지 방법들이 있다. 바로 알아 보자. 1. 기본 for 문 빠르고 단순하며, 효율적이다. 건너뛰기, 종료 가 가능하다 ( continue, breake 사용이 가능 ) 반복문의 범위를 지정할수 있다 ( i ++ 또는 i-- 등등) var i 값을 이용한 처리가 가능하다. 예제 코드는 아래에서 자세히 알아보시기 바랍니다. var arr = ['haha1','haha2','haha3']; for(var i=0; i < arr.length; i ++ ) { document.writeln(arr[i]); } 2. forEa..
javascript 테스트 사이트
javascript 테스트 사이트 말그대로 web에서 바로 script구문을 짜서 테스트 해볼수 있는 사이트가 있다. 1. jsfiddle 사이트 html ,css ,javascript 바로 짜서 result 결과 화면에서 확인해볼수 있다. 저장후 URL을 공유해 타인에게도 내가 작성한 코드를 공유 할수도 있다. 대신 로딩 시간이 좀 더 걸리고 사이트가 무거운 느낌이 있습니다. 아래 공식 홈페이지를 통해서 자세히 확인해보시기 바랍니다. jsfiddle 공식 홈페이지 (클릭) 2. jsbin 사이트 기능적인 측면으로 보면 jsfiddle 이 더 좀 더 좋은것 같습니다. ( 내가 작성한 코딩은 공유 한다던지 경우 ) 다만, 가볍게 내가 작성한 스크립트 테스트하는 정도라면, jsbin 사이트 자체가 가볍고 j..
- Javascript
javascript null체크, undefined체크, defaultString 리턴 하기
javascript null체크, undefined체크, defaultString 리턴 하기 null이나, undefined를 체크하여 defaultString을 리턴하는 함수를 만들어 보았다. 평소에 null, undefined 체크는 상당히 자주 쓰지만, util.js 와 같은 곳에 함수로 만들어 놓고 쓰면 좋다. null 과 undefined를 체크해서 넘기고 싶을때 유용하게 쓸수 있겠다. function defaultCheckString (checkStr, defaultStr) { if(checkStr == undefined || checkStr == null) { return defaultStr; } return checkStr; } var a = null; var b = 'hello !!'; ..
자바스크립트 브라우저 크기 및 브라우저 화면 사이즈
자바스크립트 브라우저 크기 및 브라우저 화면 사이즈 화면크기 웹브라우저의 크기에 따라 태그라던지 주변 요소들의 크기를 변경해야하는 경우가 상당히 많다. 그때 웹브라우저의 크기를 알아보는 방법에 대해서 알아 보도록 하겠다. 브라우저의 크기를 확인 하기위한 4가지 명령어 브라우저의 크기를 확인 하기 위해서는 4가지 명령어만 알면 끝난다. 먼저 가로 사이즈는 아래 2가지 명령어를 확인해보자 가로사이즈 window.innerWidth : 브라우저 표시화면의 너비 window.outerWidth : 브라우저 전체의 너비 일반적으로는 innerWidth 를 많이 사용한다. 도대체가 텍스트로 표현하려니 생각보다 쉽지 않아서 그림판에서 아래와 같이 그림을 그렸다. 세로사이즈 window.innerHeight : 브라우..
