본문 바로가기

javascript강좌

[javascript]isNaN(n) 숫자가 아닌지 판별 숫자인지 확인할때 활용하면 좋습니다. 아래 예제로 설명하겠습니다. let a = '1024FF'; let b = 1024; function numCheck(n){ if(isNaN(n)) return '숫자가 아닙니다.' else return n; } console.log(numCheck(a)); console.log(numCheck(b)); a는 String 이므로 '숫자가 아닙니다' 라는 문구가 출력됩니다. b는 숫자이므로 해당 숫자가 출력됩니다. 더보기
[javascript]sort() 정렬하기 sort 에 관해서 예제를 준비해봤습니다. 숫자 정렬 배열에 sort() 만 주면 간단히 끝날줄 알텐데 생각한대로 정렬이 안될겁니다. 그래서 이렇게 명령해줘야 합니다. let arr = [0,9,4,2,7,1]; console.log(arr.sort((a,b)=> a-b)); // 오름차순: [0, 1, 2, 4, 7, 9] console.log(arr.sort((a,b)=> b-a)); // 내림차순: [9, 7, 4, 2, 1, 0] 문자 정렬 문자 역시 가나다 순으로 정렬이 가능합니다. 영문, 한글 모두 가능하죠. 대신 선언 방법이 조금 다릅니다. arr = ["철수","철구","쌍드래곤","재드래곤", "연플라워"]; console.log(arr.sort((a,b)=> { if(ab) return.. 더보기
[javascript]split 사용방법(나눌때) str이라는 변수에 어떤 텍스트가 담겨있습니다. split을 사용하면 이 텍스트를 쪼개서 배열로 바꿀수 있습니다. 예제 function solution(str){ let answer= []; answer=str.split(''); return answer; } let str = 'test'; console.log(solution(str)); 물론 str 은 반드시 String 이어야 합니다. 숫자인 경우 처리 방법 function solution(str){ let answer= []; answer=str.toString().split(''); //toString() 으로 String 변환시 에러 안남 return answer; } let str = 203; //TypeError console.log(so.. 더보기
[javascript]정규표현식 Regexr.com replace 하다보면 한번쯤은 정리가 필요할것 같아서 적어놓습니다. 이 사이트가 제일 공부하는데 도움이 되네요. regexr.com A-Z 대문자만 포함 a-z 소문자만 포함 0-9 숫자만 포함 A-Za-z0-9 대문자,소문자, 숫자 포함 ^A-Z 대문자를 제외한 모두 더보기
[javascript]3초 뒤 배너 자동 닫힘 배너는 기업입장에서는 좋은데 사용자(고객)한테는 시야를 가려서 여간 불편합니다. 양쪽 모두 충족하기 위해서는 자동으로 배너가 사라지는게 좋겠죠. html css .banner { overflow:hidden; display:flex; align-items:center; justify-content:center; width: 100%; height: 0; background: yellow; transition: all 0.5s; } .banner > img {width:100%;} .is-active { height: 100px; } javascript function dev_bannerClose() { var $tgtbanner = $('#dev_banner'); // alert('test'); $tgt.. 더보기
[javascript]배열 걸러낼때 filter let arr = ['apple','banana','corn','dinner','egg'] let result = arr.filter(str=> str.length>5); console.log(result); 더보기
[javascript]대문자 변환하기 toUpperCase() 대문자 변환할땐 toUpperCase() 해주면 됩니다. let str = 'Apple and Banana'; console.log(str.toUpperCase()); //"APPLE AND BANANA" 더보기
[javascript]문자 치환, replace replace는 문자 치환하는데 효과적인 명령어입니다. 이 예제에서는 문자열 안에 1을 ?로 변경해보겠습니다. let str = '안녕하세요123'; let a = str.replace('1', '?'); console.log(a); 이렇게 하면 안녕하세요?23 으로 변경된걸 확인할 수 있습니다. 하지만 문자열이 여러개인 경우 바뀔까요? let str = '안녕하세요123님, 123님에게 인사하려고 합니다. 1'; let a = str.replace('1', '?'); console.log(a); 결과는 '안녕하세요?23님, 123님에게 인사하려고 합니다. 1 원하는 결과가 아니죠? 하지만 이렇게 수식을 변경하는.. 더보기

티스토리툴바