본문 바로가기

Front-end/javascript22

[JavaScript] 배열 배열 생성하기 let arr = []; //배열 리터럴 위와 같은 형태로 배열을 생성할 수 있다. let arr = [1,"2",function() {}]; 배열에 들어가는 요소들의 자료형이 다를 수 있다. let arr = [1,2,3,4,5]; console.log(arr[2]); // 3이 출력됨 접근은 자바, c언어와 동일한 방식으로 한다. let arr[1,2,3,4,5,6]; arr.push(7); //가장 마지막에 7 push 배열명.push(넣을 내용)을 사용하면 배열에 데이터를 추가할 수 있다. 2023. 7. 12.
[JavaScript] 객체 객체 만들기 let person = { key: "value", //프로퍼티 key: "value1" };//객체 리터럴방식 위 코드는 객체 리터럴방식으로 객체를 생성하고, 프로퍼티를 설정한다. (자바 클래스와 유사) console.log(person.key) //점표기법 console.log(person["key"]) //괄호표기법 객체의 프로퍼티를 불러올 때에는 다음과 같이 점표기법과 괄호표기법을 사용할 수 있다. 주의할 점은 괄호표기법에서 key 이름은 꼭 string형으로 넣어주어야 한다는 점이다. let person = { name : "jack", age : 22, }; console.log(get("name")); function get(key){ return person(key); } 괄호.. 2023. 7. 12.
[JavaScript] 콜백함수 콜백함수는 함수를 매개변수로 받는 함수이다. 예시 코드 function day(time, morning, night){ if(time === "morning"){ morning(); //wakeUp이 출력 } else{ night(); //goToSchool이 출력 } } function wakeUp(){ console.log("wakeUp"); } function goToSchool(){ console.log("goToSchool"); } day("morning", wakeUp, goToSchool); 위와 같이 함수명을 매개변수로 넘겨주면 호출되는 함수에서 해당 변수를 함수로 쓴다. 2023. 7. 10.
[JavaScript] 호이스팅과 화살표함수 함수도 값이라 변수나 상수에 담아서 사용이 가능하다. let a = function(){ return "안녕하세요"; }; console.log(a); // hello()함수 형식으로 출력된다. const aText = a(); console.log(aText);// 안녕하세요가 출력된다. 호이스팅 호이스팅은 함수가 선언된 위치보다 위에서 함수를 호출하는게 가능하게 해주는 기능이다. console.log(a()); console.log(b()); let a = function(){ return "hi"; }; // 함수 표현식 function b(){ return "hello"; }//함수 선언식 함수 선언식은 호이스팅이 가능하지만, 함수 표현식은 호이스팅이 불가능하다. 화살표 함수 let k = fun.. 2023. 7. 10.
[JavaScript] 함수 기본형 function 함수명(매개변수){ //함수내용 return 변수; } let k = 함수명(매개변수); // 함수 호출하기 //k에 함수 리턴값 저장 리턴 자료형을 따로 해주지 않아도 된다. function안에서 선언된 변수는 외부에서 접근 불가능하다. 하지만 반대로 function에서는 funtion밖에서 선언된 변수에 접근 가능하다. 2023. 7. 10.
[JavaScript] 조건문 if문 if문은 java, c언어와 동일하다. let a = 5; if(a == 5){ console.log("five"); } else if(a == 4){ console.log("four"); } else{ console.log("not"); } a가 5이면 five를, a가 4이면 four을, 둘 다 아니면 not을 출력한다. switch문 else if가 너무 많으면 지저분함 -> switch문 사용 let a = "l" switch(a){ case "l": console.log("엘"); break; case "m": console.log("엠"); break; case "n": console.log("엔"); break; default: console.log("기타"); break; } swi.. 2023. 7. 10.

티스토리툴바