본문 바로가기

JavaScript19

자바스크립트 문자열자르기,합치기 ( Array join, split ) 초간단 사용방법 자바스크립트 문자열자르기,합치기 ( Array join, split ) 초간단 사용방법 Array 객체를 다루다보면, 배열의 요소를 합치고 자르는 일은 흔히 있는 일이다. 이에 join과 split 함수에 대해 정리 하려고 한다. 1. join() - 배열의 요소를 연결하여 하나의 문자열로 만듭니다. 구문 : arr.join([separator]) 사용 예 ) var arr = ['산','불','바람','물','마음']; console.log(arr.join()); // 산,불,바람,물,마음 console.log(arr.join('-')); // 산-불-바람-물-마음 console.log(arr.join('')); // 산불바람물마음 2. split() str.split([separator]) Strin.. 2022. 3. 15.
javascript 테스트 사이트 javascript 테스트 사이트 말그대로 web에서 바로 script구문을 짜서 테스트 해볼수 있는 사이트가 있다. 1. jsfiddle 사이트 html ,css ,javascript 바로 짜서 result 결과 화면에서 확인해볼수 있다. 저장후 URL을 공유해 타인에게도 내가 작성한 코드를 공유 할수도 있다. 대신 로딩 시간이 좀 더 걸리고 사이트가 무거운 느낌이 있습니다. 아래 공식 홈페이지를 통해서 자세히 확인해보시기 바랍니다. jsfiddle 공식 홈페이지 (클릭) 2. jsbin 사이트 기능적인 측면으로 보면 jsfiddle 이 더 좀 더 좋은것 같습니다. ( 내가 작성한 코딩은 공유 한다던지 경우 ) 다만, 가볍게 내가 작성한 스크립트 테스트하는 정도라면, jsbin 사이트 자체가 가볍고 j.. 2022. 3. 14.
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 !!'; .. 2022. 3. 8.
자바스크립트 시간 계산 초단위 뺄셈 ( yyyymmddhhmmss 형식 ) 자바스크립트 시간 계산 초단위 뺄셈 ( yyyymmddhhmmss 형식 ) 자바스크립트를 이용해서 현재 시간 기준으로 몇 초가 흘렀는지 뺄셈 계산을 할 때 사용하면 참으로 좋다. 파라미터 인자로 각각 firstDateTime, secondDateTime를 넘겨받으며 형식은 yyyymmddhhmmss 형식으로 넘겨주면 계산이 가능하다. 백번의 말보다 중요한건 코드 이렷다!! 아래 코드와 실제 사용 방법에 대해 확인해 보자. function calSecs (firstDateTime, secondDateTime) { var dateFirstDateTime = new Date(firstDateTime.substring(0, 4), firstDateTime.substring(4, 6) - 1, firstDateT.. 2021. 7. 5.
자바스크립트 날짜 빼기 ( yyyymmdd - yyyymmdd ) 자바스크립트 날짜 빼기 ( yyyymmdd - yyyymmdd ) 자바스크립트를 이용해 날짜 뺴기를 해야할 경우가 이럴때 사용하면 참 편리하다. 아래는 두 날짜 간의 차이가 몇 일인지 계산하는 자바스크립트 이다. function calDay(firstDate, secondDate) { var dateFirstDate = new Date(firstDate.substring(0, 4), firstDate.substring(4, 6) - 1, firstDate.substring(6, 8)); var dateSecondDate = new Date(secondDate.substring(0, 4), secondDate.substring(4, 6) - 1, secondDate.substring(6, 8)); var .. 2021. 7. 5.
자바스크립트 문자열 자르기 자바스크립트 문자열 자르기 javascript에서 특정 길이가 넘어가면 길이를 잘라 처리해야할때가 있다. 그럴때 사용하면 되겠다. function cutByMaxStr(str, maxLength) { if (str == undefined || str == null) { return ''; } if (str.length > maxLength) { str = str.substring(0, maxLength) + '.....'; // str을 maxLength 길이만큼 자르고 '.....' 을 뒤에 붙인다 } return str; } 함수를 확인해보면 두번째 인자값으로 최대 길이 maxLength를 받는데, 이는 이값을 초과할시에는 substring 함수를 이용하여 maxLength 만큼 길이를 자른뒤에 '... 2021. 6. 25.