자바스크립트 기초 - 객체(Spread, Object.assign, Property, hasOwnProperty, Object.keys, Object.values, Object.entries, Object.freeze, Object.isFrozen, Object.seal, Object.preventExtensions)
const obj = { id : 1, name : '아이곰', age : 3 } const { id, name, age} = obj; console.log(`id = ${id}`); console.log(`name = ${name}`); console.log(`age = ${age}`); 다양한 타입을 가진 객체 - 여려 가지 속성(Property)을 가질 수 있으며, 속성은 키와 값을 조합으로 이루어 짐 const person = { id : 1, name : '홍길동', age : 30 } console.log(person); 속성(Property) - id : 1, name : '홍길동', age : 30 키(Key) - id, name, age 값(Value) - 1, '홍길동', 30 속성의 ..
2023. 8. 10.
자바스크립트 기초 - 배열2(reduce, reduceRight, Spread, shuffle)
배열 요소 하나로 정리 - reduce, reduceRight - 배열의 요소를 계산하여 하나의 값으로 만들고 싶을 때 메소드 의미 반환 배열.reduce(콜백 함수, [초기화]) 요소(좌 -> 우)를 처리하여 하나의 값 생성 임의 지정값 배열.reduceRight(콜백 함수, [초기화]) 끝에서부터 요소 위치 검색 임의 지정값 콜백 함수 구문 의미 ((이전요소, 현재요소, 인덱스, 기존배열) => { /*처리 내용 */ } 임의의 처리 const priceList = [200, 1000, 1300]; const sum = priceList.reduce((pre, cur) =>{ console.log(`pre : ${pre}, cur : ${cur}`); return pre + cur; }); conso..
2023. 8. 9.
자바스크립트 기초 - 배열1(indexOf, lastIndexOf, includes, find, findIndex, reverse, sort, localeCompare, map, filter)
배열 요소 검색 - indexOf, lastIndexOf, includes - 다수의 문자열 등 복수의 데이터를 다룰 때 사용 메소드 의미 반환 배열.indexOf(검색데이터, [시작위치]) 요소의 인덱스 위치 검색 숫자 배열.lastIndexOf(검색데이터, [시작위치]) 끝에서부터 요소 위치 검색 숫자 배열.includes(검색데이터, [시작위치]) 요소의 포함 여부 확인 Boolean const arr1 = ['사과', '딸기', '복숭아', '수박']; console.log(`딸기는 ${arr1.indexOf('딸기')} 번째 있습니다.`); console.log(`키위는 ${arr1.indexOf('딸기1')} 번째 있습니다.`); const arr2 = [0, 1, 2, 3, 2, 3]; co..
2023. 8. 7.
자바스크립트 기초 - 배열(length, forEach, for...of, unshift, push, shift, pop, splice, concat, join)
배열 - 다수의 문자열 등 복수의 데이터를 다룰 때 사용 구문 의미 [] 배열 정의 배열[인덱스] 배열 요소 데이터의 값 가져오기 [] 안에 데이터를 입력하며, 타입에 상관없이 사용이 가능 함. 배열 내 다른 배열을 저장하거나 객체도 저장 가능 함. 배열의 데이터는 순서대로 0, 1, 2, 3, .... 의 순서대로 가진다. new Array()를 사용해서 배열을 정의할 수 있다. 10개의 데이터를 넣을 수 있는 배열을 선언하면 데이터가 없는 빈 배열이 생성된다. 해당 배열의 순서에 값을 넣어서 사용하면 된다. 배열 길이 확인 - length - 배열 데이터 요소의 수를 확인하고 싶을 때 속성 의미 타입 배열.length 배열의 길이 반환 숫자 배열 요소 - forEach - 배열 데이터 요소의 데이터로..
2023. 8. 4.
