본문 바로가기

Dev

(40)
Javascript JS 배열 구조 분해, 객체 구조 분해 배열(Array) // 배열 구조 분해 let users = ['Mike', 'Tom', 'Jane']; let [user1, user2, user3] = users; /* 위와 같은 표현 let user1 = users[0]; let user2 = users[1]; let user3 = users[2]; */ // 배열 구조 분해 : 기본값 let [a,b,c] = [1,2]; // a와 b에는 각 각 1과 2가 들어가지만 c는 할당값이 없어 undefined가 들어감 let [a=3,b=4,c=5] = [1,2]; // 이처럼 기본값을 주면 undefined일시 기본값이 들어감 // 배열 구조 분해 : 일부 반환값 무시 let [user1, ,user2] = ['Mike','Tom','Jane','T..
Javascript JS 배열 반복(forEach) let users = ['Mike', 'Tom', 'Jane']; users.forEach((item, index, arr) => { // item - Mike, Tom, Jane // index - 0, 1, 2 // arr - users });
Javascript JS 문자열 메소드 let desc = "Hi Hello. Thx"; // toUpperCase() 대문자로 변환 console.log(desc.toUpperCase()); // toLowerCase() 소문자로 변환 console.log(desc.toLowerCase()); // indexOf() 해당 문자의 시작점 index 반환, 해당 문자가 없다면 -1 반환 console.log(desc.indexOf('Hello')) let desc2 = 'abcdefg'; // slice(n, m) n과 m 사이 문자열 반환 desc2.slice(2); // "cdefg" desc2.slice(0,5); // "abcde" desc2.slice(2,-2); // "cde" // substring(n, m) n과 m 사이 문자열 ..
Javascript JS 숫자, 수학 메소드 (Number, Math) //toString() 문자열변환/10진수 => 2진수/16진수 변환 let num = 10; let convertNum = num.toString(2); // 2진수로 변환한 문자열 console.log(convertNum); let num2 = 255; let convertNum2 = num2.toString(16); // 16진수로 변환한 문자열 console.log(convertNum2); //Math.ceil() 올림 let num3 = 5.7; let num4 = 5.1; console.log(Math.ceil(num3)); //Math.floor() 내림 console.log(Math.floor(num3)); //Math.round() 반올림 console.log(Math.round(num3..
Javascript JS 심볼(Symbol) // 유일성 보장 // Symbol('설명') 디버깅할때 편함 // new를 붙이지 않는다 const a = Symbol(); const b = Symbol(); console.log(a); //결과 Symbol() console.log(b); //결과 Symbol() console.log(a === b); //결과 false console.log(a == b); //결과 false const id = Symbol('id'); const id2 = Symbol('id'); console.log(id); //결과 Symbol(id) console.log(id2); //결과 Symbol(id) console.log(a === b); //결과 false console.log(a == b); //결과 false..
Javascript JS 객체 메소드(Object methods), 계산된 프로퍼티(Computed property) 계산된 프로퍼티(Computed property) let a = 'age'; const user = { name : 'Mike', [a] : 30 // a 변수를 이용 } console.log(user); 객체복사(Object.assign(객체초기값 default {}, 복사할 객체 대상)) 복사가 아닌 예시 // user 값을 복사하는게 아닌 user의 메모리 주소값을 할당 // user 의 값이 변하면 cloneUser의 값도 변경됨 // user와 cloneUser는 같은 값을 공유 // 복제가 아님 const user = { name : 'Mike', age : 30 } const cloneUser = user; 복사 const user = { name : 'Mike', age : 30 } con..
Javascript JS 생성자 함수(new) // 생성자 함수 function Item(title, price) { // this = {}; new를 붙이면 생략된것 this.title = title; this.price = price; this.showPrice = function() { console.log(`가격은 ${price}원 입니다.`); } // return this; new를 붙이면 생략된것 } const item1 = new Item('인형', 3000); const item2 = new Item('가방', 4000); const item3 = new Item('지갑', 9000); console.log(item1, item2, item3); item3.showPrice();
Javascript JS 배열(array) 배열 - 문자, 숫자, 객체, 함수 등 포함 가능 let arr = [ '민수', // 문자 3, // 정수 false, // 논리연산자 { name: 'Mike', age: 30, }, // 객체 function() { // 함수 console.log('TEST'); } ] console.log(arr[4]); console.log(arr[3].name); let days = ['월','화','수']; 호출 console.log(days[index]); 길이 console.log(days.length); 추가 배열뒤에 days.push('목'); console.log(days); 배열앞에 days.unshift('일'); console.log(days); 제거 배열뒤에 days.pop(); consol..
Javascript JS 객체(Object) method method - 객체 프로퍼티로 할당 된 함수 const superman = { name: 'clark', age: 33, fly: function() { console.log('날아갑니다.'); }, // 펑션 생략가능 fly2() { console.log('날아갑니다.2'); } } superman.fly(); 객체 내부에는 화살표함수를 사용하지 않는것이 좋다
Javascript JS 객체(Object) 객체 const obj = { name: 'test', num: 3, } console.log(obj.name); console.log(obj['num']); 추가 obj.add1 = "test"; obj['add2'] = "test2"; 삭제 delete obj.name; for ... in const Mike = { name: "Mike", age: 30 } for(key in Mike) { console.log(Mike[key]); }