분류 전체보기
-
Number, Mathjavascript 2023. 4. 12. 23:07
* toString() : 10진수 -> 2진수 / 16진수로 바꿔줌 let num = 10; num.toString();//10 //이때 괄호안에 숫자를 넣어 2진수 16진수로 바꿔줄 수 있음 num.toString(2);//1010 let num2 = 255; num2.toString(16);//ff * Math : 자바스크립트에는 수학과 관련되 내장 객체가 있음 대표적인 것이 Math Math.PI;//3.1415926535 - Math.ceil() : 올림 let num01 = 5.1; let num02 = 5.7; Math.ceil(num01);//6 Math.ceil(num02);//6 - Math.floor() : 내림 let num01 = 5.1; let num02 = 5.7; Math.f..
-
심볼 Symboljavascript 2023. 4. 9. 18:48
* 객체의 property key는 문자형으로 반환 가능 const obj = { 1 : "1입니다.", false : "거짓" } Object.keys(obj);//["1", "flase"] : 문자형으로 반환됨 obj["1"]//"1입니다." obj["flase"]//"거짓" * 객체의 property key는 symbol형으로도 반환 가능 - symbol은 유일한 식별자를 만들때 사용 - symbol을 만들때 설명을 붙일수도 있음 - symbol 함수는 매번 다른 symbol 값을 생성 const a = Symbol();//new를 붙이지 않음 const b = Symbol(); console.log(a);//Symbol() console.log(b);//Symbol() a === b;//false..
-
객체Objcet에서 사용 가능한 methods와 Computed propertyjavascript 2023. 4. 8. 16:48
* Computed property : 대괄호[]로 묶어주면 문자열이 아니라 변수에 할당된 값이 들어감 let a = "age"; const user = { name : "Jin", age : 30, } /*같은 식*/ let a = "age"; const user = { name : "Jin", [a] : 30,//age : 30과 같음 }//대괄호[]로 묶어주면 a라는 문자열이 아니라 변수a에 할당된 값이 들어감 /*다른예시*/ let a = "name"; let b = "age"; const user = { [a] : "Jin", [b] : 30, } console.log(user);//{name : "Jin", "age" : 30} /*어떤것이 키가 될지 모를 때 유용함*/ function mak..
-
생성자 함수javascript 2023. 4. 8. 15:06
* 객체 리터럴 let user = { name : "Jin", age : 30, } //비슷한 객체를 여러개 만들어야하는 상황이 생김 이럴때 생성자 함수를 사용 * 생성자 함수 - 비슷한 객체를 여러개 만들어야할 때 사용 - 첫글자를 대문자로 함 - new 연산자를 사용해서 호출 function User (name, age){ this.name = name; this.age = age; } let user01 = new User("Jin", 30);//User{name : "Jin", age : 30} let user02 = new User("Tom", 10);//User{name : "Tom", age : 10} let user03 = new User("Mike", 20);//User{name : "..
-
배열 arrayjavascript 2023. 3. 28. 21:08
* 배열 array - 순서가 있는 리스트 - index : 배열의 고유번호, 0부터 시작함 /* 1번에 민준 2번에 연석 ... 30번에 마크 */ let students = ['민준', '연석', ... '마크'] console.log(students[0]);//민준 console.log(students[1]);//연석 //배열 수정 방법 students[0] = '민정'; console.log(students);//[민정, 연석] * 배열의 특징 - 배열은 문자뿐만 아니라 숫자, 객체, 함수 등도 포함할 수 있음 let arr = [ '민수',//문자 3,//숫자 flase,//bollean {name:'mike', age : 30, },//객체 function(){ console.log('test..
-
객체 Object의 method와 thisjavascript 2023. 3. 28. 20:43
* method : 객체 프로퍼티(키)에 할당 된 함수 const superman = { name : 'clack', age : 33, fly : function(){ console.log('날아갑니다.'); } } //호출 superman.fly();//날아갑니다 //fly함수가 슈퍼맨 객체의 method //단축해서 작성 가능 const superman = { name : 'clack', age : 33, fly(){ console.log('날아갑니다.'); } } * 객체와 method의 관계 const user = { name : 'Mike', sayHello : function(){ console.log(`Hello, I'm ${this.name}`);//${user.name}을 사용할 수도 있..
-
객체 Objectjavascript 2023. 3. 28. 19:57
* 객체 Object - 객체는 {}로 작성 - 키 : 값 으로 구성된 프로퍼티 - 각각의 프로퍼티는 ,로 구분함 const superman = { name : 'clack', age : 30, } * 객체 접근 추가 - . 점을 사용 - [ ] 괄호 사용 const superman = { name : 'clack', age : 30, } /*접근*/ superman.name//clark superman['age']//30 console.log(superman)//Object{name: 'clack', age: 30} //--------------------------------------------------------------------------------------------- /*추가*/ su..
-
함수 선언문, 함수 표현식, 화살표 함수javascript 2023. 3. 28. 18:56
* 함수 선언문 - 어디서든 호출 가능 function sayHello(){ console.log("Hello"); } sayHello(); //또 다른 예시 sayHello();//위에서도 호출 가능함 function sayHello(){ console.log("Hello"); } //코드 실행 가능 이유 : 자바스크립트 내부 알고리즘 때문에, 자바스크립트는 실행전 초기화 단계에서 코드의 모든 함수선언문을 찾아서 생성해놓음, 즉 저 함수를 사용할 수 있는 범위가 넓어짐 : 호이스팅 * 함수 표현식 - 자바스크립트가 한줄씩 읽으면서 실행 - 해당 코드에 도달하면 생성 - 그래서 그 이후에만 사용 가능 = 호출 위치를 위로 바꾸면 실행되지 않음 let sayHello = function(){ console..