프로그래밍📚/javascript

객체에 접근하는 방법으로는 점 표기법과 괄호 표기법이 존재합니다. 1. 점 표기법 점 표기법은 접근할 객체 변수뒤에 닷(.)을 입력한 뒤에 key값을 입력하는 형태를 가집니다. 데이터 값 가져오기 const obj = {'name' : 'kim', 'age' : 20, 'phone': '01012345678'} console.log(obj.name) // kim console.log(obj.age) // 20 console.log(obj.phone) // 01012345678 데이터 추가하기 const obj = {'name' : 'kim', 'age' : 20, 'phone': '01012345678'} // obj.추가할key = 추가할value obj.like = 'doll' console.log(..

Map이란? map은 key-value를 한쌍으로 가지는 객체입니다. 이때 key값은 고유해야 하며 값은 변경이 가능합니다. Map 시작하기 const db = new Map(); Map 생성은 아주 간단합니다. new Map()을 통해 새로운 객체를 생성하면 되는데요. 생성을 했으니 Map에 데이터를 넣어봅시다. Map 데이터 삽입 // db.set(키, 벨류) db.set('lang','javascript') // value값이 객체일때 db.set('lang',{a : 'javascript', b : 'node'}) // key값이 객체일때 db.set({key : a}, {lang : 'javascript'}) // 여러개를 삽입할때 - 체이닝 db.set('name':'kim').set('age..

폴더, 파일, 변수, 함수, 클래스명과 같은 이름을 정할 때 아무렇게 짓는 게 아니라 그들만의 규칙이 존재합니다. [snake_case], [kebab-case], [camelCase], [PascalsCase]가 존재하는데요. [kebab-case]와 [snake_case] ex. object-api-demo.js, demo-api 폴더나 파일에 자주 쓰이는 kebab-case와 snake_case, 이 둘은 알파벳 소문자를 사용하며 두 개이상의 단어를 합칠 때 단어 사이에 kebab-case의 경우는 하이픈('-'), snake_case의 경우에는 언더바('_')를 사용을 해줍니다. 둘 중에 하나를 사용하시되 꼭 통일해야 한다는 점 잊으시면 안 됩니다. [camelCase] ex. productNam..

비구조화 할당이란? 다른 말로 구조 분해 할당이라 하며 배열이나 객체의 속성 혹은 값을 해체하여 그 값을 개별 변수에 각각 담아 사용하는 자바스크립트 표현식을 말합니다. 배열의 비구조화 할당 // 기존 배열의 변수 할당 const array = [1,2,3,4,5] const num1 = array[0] const num5 = array[4] console.log (num1, num5) // 1, 5 // 비구조화 할당 const [num1, num5] = [1,2,3,4,5] console.log(num1,num5) // 1, 2 // 비구조화 할당 시 새로운데이터 추가 const [num1, num5, num6 = 6] = [1,5] console.log(num1, num5, num6) // 1,5,..