반응형 개발/Javascript42 JS 객체 dot notation과 bracket notation 객체 dot notation과 bracket notation 객체의 표기법에는 두가지가 있다. dot notation bracket notation dot notation : key.value. (value는 문자열이다.) 읽기 쉽고 더 자주 사용하는 방식이다. 객체를 배우기 이전부터 js의 많은 기능을 dot.notation으로 사용해오고 있었다. 변수를 통해 객체에 접근 할 수 없어서 key 값을 직접 입력해 주어야 한다. let obj = { fruit : 'banana', animal : 'monkey' }; let food = obj.fruit //obj.fruit 는 obj의 fruit 키의 값인 'banana'를 dot notation으로 나타낸 것이다. console.log(food) //.. 2021. 8. 3. JS 배열의 Method : Mutable과 Immutable Mutable과 Immutable 개념 Mutable 원본이 변한다. 참조타입(reference type) : 배열, 객체, 함수 등 원시타입을 제외한 모든 type 데이터 주소를 찾아서 값을 변경한다 Immutable 원본이 변하지 않는다. 원시타입(primitive type) : Boolean, Null, Undefined, 수, 문자열 데이터 주소와 별개의 새로운 주소에 값이 할당된다 아래 글은 원시자료형과 참조자료형을 정리해 놓은 글이다. https://wnsdufdl.tistory.com/6?category=1012091 원시자료형(primitive type)과 참조자료형(reference type) Javascript의 Type 에는 원시자료형(primitive type)과 참조자료형(refe.. 2021. 7. 30. forEach() 사용예시 어제 forEach() 를 알게 되었고 오늘 개념정리를 하는데, 비동기함수? 콜백함수? 이런것들이 나왔다. 코드스테이츠 캘린더를 보니 후에 비동기함수, 콜백함수를 배우게 된다. 그때 개념 정리하기로 하고 우선 활용할 수 있게 사용법정리만 해두기로 했다. 우선 forEach는 Array객체에서만 사용가능한 메서드이다. forEach는 반복문과 같은데 같은내용을 forEach로, 반복문으로 작성해보자. forEach()과 반복문 비교 //forEach사용 let i = ['a','b','c','d'] function writing(i){ console.log(i) } i.forEach(writing) //writing(i[0]), writing(i[1]), writing(i[2]), writing(i[3]).. 2021. 7. 25. Javascript : innerText와 textContent 차이 그리고 innerHTML innerText와 textContent 차이 innerText와 textContent 의 값은 모두 text/plain 으로 파싱한 결과이다. 그래서 혼동하기 쉬우나 중요한 차이점이 있다. innerText : 화면에 보이는 내용만 보여준다. CSS등의 스타일링을 고려하기 때문에 리플로우가 발생한다. (리플로우 계산은 가능하면 피하는것이 좋다) textContent : Dom practice HiHIHI 1. 위의 HTML태그를 innerText를 이용하여 출력한 경우 console.log(document.querySelector('#practice').innerText) //innerText를 이용한 출력 Dom practice HiHIHI 2. 위의 HTML태그를 textContent를 이용하여 출.. 2021. 7. 24. 이전 1 ··· 6 7 8 9 10 11 다음 반응형
