본문 바로가기
728x90

전체 글
62

[JS]객체프로퍼티와 메소드 📍객체에 함수 담는 법 coworkers라는 객체에 showAll이라는 메소드를 넣고싶다하면? showAll은 함수니까 function이 쓰인다. coworkers.showAll = function(){ } 이 코드는 function showAll(){ } 과 똑같은 함수라고 보면된다. 함수를 정의할 때 1. var showAll = function(){ } 2. function showAll(){ } 둘은 똑같다. 다시 내용으로 돌아와서, showAll 이라는 함수에 저 내용을 넣는다. - showAll하면 모든 coworkers에 있는 각각의 데이터들을 interate해서 화면에 출력하는 것. 마지막으로 coworkers.showAll(); 이 코드를 적고 웹을 실행시키면 ▼아래와 같이 출력된다. 하.. 2023. 3. 6.
[JS]객체와 반복문 지금까지 우리는 배열에서 반복문으로 데이터를 가져왔었다. 그렇다면 객체에서 가져오는 방법은 없을까? 📍생성된 객체에 모든 데이터 가져오는 방법 *검색: javascript object iteration - for...in 을 쓰면 된다. for(var key in coworkers) { document.write(key+' ') } - coworkers라는 객체에 있는 key를 하나하나 꺼내서 중괄호 코드를 실행한다. - key값의 예시 programmer designer bookkeeper scientist - key : 가져오고 싶은 정보에 도달할 수 있는 열쇠. - 배열: key라는 표현 안쓰고 순서대로 정리돼있기때문에 index라고 쓴다. coworks에 있는 모든 key값들이 모여서 출력된 모습.. 2023. 3. 6.
[JS] 객체의 쓰기와 읽기 - 배열 : 순서에 따라 정보를 정리정돈한다. [대괄호] - 객체 : 이름이 있는 정리정돈 상자. {중괄호} 1. 객체 생성하는 법 var coworkers = { "programmer":"egoing", "designer":"leezche" }; - coworks라는 객체에 변수를 담을 것이다 라는 의미. - coworks라는 객체에 egoing이라는 정보를 programmer라는 딱지를 붙여서 저장해놓은 것. 2.객체 데이터(정보) 꺼내는 법 document.write("programmer : "+coworkers.programmer+" "); document.write("designer : "+coworkers.designer+" "); - 실질적으로 정보를 가져오는 코드는 +coworkers.pr.. 2023. 3. 6.
03.[JS] React Page HTML과 JavaScript의 만남 1 (script 태그) JavaScript html 1+1 JavaScript와 html의 차이점 *JS : 1===2 이 값은 이렇게 출력된다. 📍 document.write() 괄호 안에있는 정보를 웹페이지에 출력 📍 1===1 동등비교 연산자 (왼쪽값과 오른쪽값을 비교하여 같으면 true 다르면 false) 📍 1서로 연관된 특징, 행동 묶어두는것. 은행,토끼,당근, 자동차: 비슷한 타입의 오브젝트를 묶어두는 것.동일한 타입의 오브젝트만 담을 수 있다. *배열 :칸칸이 모여있는 자료구조 -박스마다 인덱스가 지정돼있고, 인덱스는 0부터 시작한다. - 1번째 .. 2023. 3. 5.
728x90

최근댓글

최근글

skin by © 2024 ttutta

티스토리툴바