본문 바로가기
반응형

Javascript

 (16)
[Javascript] filter filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter(word => word.length > 6); console.log(result); // ["exuberant", "destruction", "present"]
[Javascript] splice - 1번째 index에서(영희) 1개 제거 let nameAry = ['철수', '영희', '이언']; nameAry.splice(1, 1); console.log(nameAry); //['철수', '이언'] - 아무 것도 제거하지 않고 1번째 index에 민지, 초롱 추가 let nameAry = ['철수', '영희', '이언']; nameAry.splice(1, 0, '민지', '초롱'); console.log(nameAry); // ['철수', '민지', '초롱', '영희', '이언'] -
[Javascript] 이벤트 종류 마우스 이벤트 onmouseover 마우스가 지정한 요소에 올라갔을 때 발생 onmouseout 마우스가 지정한 요소에 벗어났을 때 발생 onmousemove 마우스가 지정한 요소 영역에서 움직일 때 발생 onclick 마우스가 지정한 요소를 클릭했을 때 발생 ondblclick 마우스가 지정한 요소를 연속 두 번 클릭했을 때 발생 키보드 이벤트 onkeypress 지정한 요소에서 키보드가 눌렀을 때 발생 onkeydown 지정한 요소에서 키보드를 눌렀을 때 발생 onkeyup 지정한 요소에서 키보드를 눌렀다 떼었을 때 발생 기타 onfocus 지정한 요소에 포커스가 갔을 때 발생 onblur 지정한 요소에 포커스가 다른 요소를 이동되어 잃었을 때 발생 onchange 지정한 요소에 value 속성값이 ..
[Javascript] 정규 표현 검색 옵션, 정규 표현 메서드 정규 표현 검색 옵션 * 0회 이상 일치 + 1회 이상 일치 | 찾는 문자가 영문일 경우 대소문자를 구분하지 않는다 ? 0회 또는 1회. 규칙에 맞는 문자가 있는지 검사 g 옵션에 g가 없으면 데이터의 왼쪽부터 규칙에 일치하는 문자 한개만 찾지만, g를 넣으면 규칙에 맞는 모든 문자를 찾는다 m 데이터의 행이 바뀌어도 규칙에 맞는 문자를 찾는다 $ 문자열 끝부분에 규칙에 맞는 문자를 찾는다 ^ 문자열 앞에서부터 규칙에 일치하는 문제를 찾거나 부정을 나타낸다 \d 숫자 하나를 찾는다 \D 숫자가 아닌 문자 하나를 찾는다 \s 공백 문자를 찾는다 [0-9][A-Z][a-z] 숫자, 대문자 영문, 소문자 영문을 찾는다 \w 알파벳, 숫자, 밑줄 기호를 찾는다 \W 알파벳, 숫자, 밑줄 기호를 제외한 문자를 찾..
[Javascript] location 객체 속성 -location.href : 주소 영역에 참조 주소를 설정하거나 URL을 반환 -location.hash : URL에 해시값을 반환 ex) http://www.test.com#hello -location.hostname : URL에 호스트 이름을 설정하거나 반환 -location.host : URL에 호스트 이름과 포트 번호를 반환 -location.port : URL에 포트 번호를 반환 -location.protocol : URL에 프로토콜을 반환 -location.search : URL에 쿼리를 반환 ex) http://www.test.com?testNum=0&sort=DESC -location.reload() : 새로고침
[Javascript] 배열 객체 메소드 -join() : 배열 객체에 데이터를 연결 -reverse() : 배열 객체에 데이터의 순서를 거꾸로 바꿈 -sort() : 배열 객체에 데이터를 오름차순으로 정렬 -slice(index 1, index2) : 배열 객체에 데이터 중 원하는 인덱스 구간만큼 자름 -splice() : 배열 객체에 지정 데이터를 삭제하고 그 구간에 새 데이터를 삽입 -concat() : 2개의 배열 객체를 하나로 결합 -pop() : 배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제 -push() : 배열 객체 마지막 인덱스에 새 데이터를 삽입 -shift() : 배열 객체에 저장된 데이터 중 첫번째 인덱스에 저장된 데이터를 삭제 -unshift() : 배열 객체의 가장 앞의 인덱스에 새 데이터를 삽입
[Javascript] 날짜 관련 메서드 날짜 정보를 가져올 때 (GET) 날짜 정보를 수정할 때 (SET) getFullYear() 연도 정보를 가져옴 setFullYear() 연도 정보만 수정 getMonth() 월 정보를 가져옴(현재월-1) setMonth() 월 정보만 수정(월-1) getDate() 일 정보를 가져옴 setDate() 일 정보만 수정 getDay() 요일 정보를 가져옴(일:0~토:6) 요일은 날짜를 바꾸면 자동으로 바뀌므로 setDay 없음 getHours() 시 정보를 가져옴 setHours() 시 정보만 수정 getMinutes() 분 정보를 가져옴 setMinutes() 분 정보만 수정 getSeconds() 초 정보를 가져옴 setSeconds() 초 정보만 수정 getMilliseconds() 밀리초 정보를 가..
[Javascript] 조건식에 논리형 데이터가 아닌 다른형이 오는 경우 더보기 0, null, ""(빈문자), undefined 위에 값이 조건식에 입력되면 false를 반환. 그밖에 값들은 true
[Javascript] async / await 비동기 1) async 앞에 있으면 promise와 같다 function myFunc() { return 'func'; } async function myAsync() { return 'async'; } console.log(myFunc()); console.log(myAsync()); 결과 : 2) async 안의 함수에 return이 myAsync 호출하는 then의 result값에 찍힌다 async function myAsync() { return 'async'; } myAsync().then((result)=> { console.log(result); }); 결과 : async 3) function delayP(sec) { return new Promise((resolve, reject)=> { setT..
[Javascript] for in / for of 1) for in var obj = { x : 1, y : 2, z : 3 }; for (var i in obj) { console.log(i + " : " + obj[i]); } => x : 1 y : 2 z : 3 2) for of var array = [1, 2, 3]; for (var val of array) { console.log(val); } => 1, 2, 3
반응형

티스토리툴바