JavaScript
-
-
[JS] 배열의 요소 삭제JavaScript 2022. 10. 1. 18:01
배열 아이템 삭제 Splice() 메서드와 delete를 이용한 기초 삭제 splice() : 배열 아이템을 삭제하면서 배열길이가 줄어든다. 배열 아이템이 완전히 삭제된다 array.splice(index, 1); delete : 배열 아이템을 삭제하지만, 배열이 차지하는 자리는 그대로 유지된다. 빈 배열 아이템이 유지 되며, 배열 길이도 변하지 않는다. delete array[index]; index위치 배열 아이템 1개 삭제. 배열 길이가 줄어듬 let array = [1,2,3,4,5,6,7,5]; let index = 3, number = 5; // index위치 배열 아이템 1개 삭제. 배열 길이가 줄어듬 array.splice(index, 1); console.log(array) // [1, ..
-
[JQuery] toggleClass 선택한요소에 class값 추가/삭제JavaScript 2022. 9. 15. 17:41
toggleClass toggleClass()로 선택한 요소에 클래스(Class)값을 추가/삭제 할 수 있다. .toggleClass(클래스명) // div요소에 box클래스가 없으면 추가하고, 있으면 제거한다. $('div').toggleClass('box'); 버튼 클릭 시 h1요소에 bgColor클래스값이 추가되어 배경색이 생기고, 다시 버튼을 클릭하면 bgColor클래스 값이 제거되어 배경색이 사라진다. Click Lorem Ipsum Dolor 클래스에 값을 추가할 때 .addClass() 클래스에 값을 제거할 때 .removeClass()
-
[JS]셀렉트박스 변경 이벤트 처리JavaScript 2022. 9. 14. 13:18
셀렉트박스 변경 이벤트처리 --선택-- 1 2 selectBox 이벤트호출 함수에서 ID값으로 선택된 value, text 값 가져오기 function changeSelection(){ let langSelect = document.getElementById("selectBox"); // 선택한 option의 value, 텍스트 let selectVlaue = langSelect.options[langSelect.selectedIndex].value; let selectVlaueTyp = langSelect.options[langSelect.selectedIndex].text; }
-
[JS] 빈 배열인지 확인JavaScript 2022. 7. 12. 16:17
빈 배열 체크 Array.isArray(arr) && arr.length === 0 arr가 배열이라면 arr.length === 0 조건을 체크한다. &&문 왼쪽에 있는 조건을 먼저 체크하고 true일때만 다음조건을 체크한다. 배열이 Array일 경우에만 length프로퍼티가 있는지 확인하기에 에러가 나지 않는다 arr.length만 사용하면 변수arr가 배열값이 아닌경우 오류를 발생하기 때문이다. getArrCheck:function(obj, key) { if(Array.isArray(obj[kdy]) === false || // obj[key]값이 배열이 아니거나 Array.isArray(obj[key]) && obj[key].length === 0 || // obj[key]값이 배열인데 obj[k..
-
[JS] 형변환 String to NumberJavaScript 2022. 7. 6. 16:12
String to Number 타입변환 String to Number parseInt || parseFloat Number + * 1 1. parseIng(정수문자열) || parseFloat(실수문자열) 소수가 없는 정수는 parseInt() 소수가 있는 실수는 parseFloat() parseInt("43") // 43 parseFloat("77.12") // 77.12 parseInt("White") // NaN 2. Number(문자열) Number("78"); // 78 Number("51.23"); // 51.23 Number("White") // NaN 3. +(문자열) 문자열 앞에 +연산자를 붙여주면 숫자로 형변환 된다. + ("87") // 87 + "39.2" // 39.2 + "-34..
-
[JS] 배열의 push(), pop(), unshift(), shift()JavaScript 2022. 7. 5. 16:27
배열에서 값을 추가/제거 하는 함수 배열에 값을 추가 push() : 맨 끝에 값을 추가 unshift() : 맨 앞에 값을 추가 let arr = ['orange', 'red', 'blue', 'black']; arr.push('white'); // 'orange', 'red', 'blue', 'black', 'white' let arr = ['orange', 'red', 'blue', 'black']; arr.unshift('white'); // 'white', 'orange', 'red', 'blue', 'black' 배열에 값을 제거 pop() : 맨 끝에 값을 제거 shift() : 맨 앞에 값을 제거 let arr = ['orange', 'red', 'blue', 'black']; arr.po..