본문 바로가기

객체4

Object.keys(), values(), entries(), assign() 자바스트립트를 다루면서 객체(Object)를 점점 많이 다루게 된다. 그렇기에 메서드를 많이 접하게 되는데 keys(), values(), entries(), assgin()을 다뤄보려고 한다. Object.keys() 이 메서드는 주어진 객체의 key들을 일반적인 반복문과 동일한 순서로 배열로 반환한다. const object1 = { a: 'somestring', b: 42, c: false }; console.log(Object.keys(object1)); // expected output: Array ["a", "b", "c"] object1의 key는 a, b, c로 주어져 있으며 Object.keys(object1)을 활용하면 된다. 그러면 새로운 배열로 ["a", "b", "c"]를 반환받을.. 2022. 2. 19.
알고리즘 테스트, 배열과 객체 기초 1번 문제 : 배열의 선언과 할당 [문제 설명] 주어진 변수 fruits에 "사과", "바나나", "파인애플"을 담아주세요. [입력 인자] X [주의 사항] - 빈 배열도 만들 수 있습니다. - 배열에 데이터를 담을 때 무엇으로 데이터를 구분할까요? let fruits = [] // push로 풀이 fruits.push("사과") fruits.push("바나나") fruits.push("파인애플") // index로 풀이 fruits[0] = "사과" fruits[1] = "바나나" fruits[2] = "파인애플" [문제 풀이] push로 앞에서부터 하나씩 배열에 넣어줄 수도 있고 index로 원하는 인덱스에 데이터를 담을 수도 있다. 여기서 궁금한 점, 특정 인덱스에 데이터를 안 주면 어떻게 될까? .. 2022. 1. 20.
자바스크립트, 구조 분해 할당 Destructuring Assignment 구조 분해 할당 Destructuring Assignment 구조 분해 할당이란 배열 또는 객체의 구조를 분해하여, 그 (분해된 속성) 값을 개별 변수에 담는 표현식을 의미한다. 배열 구조 분해 const arr = [1, 2, 3, 4, 5]; const one = arr[0] const two = arr[1] const three = arr[2] console.log(one, two, three); // 1, 2, 3 우리가 잘 아는 방법은 arr[0]과 같이 인덱스로 접근해 그 값을 사용하는 것이다. 배열 내부의 값을 새로운 변수에 할당하고자 하면 위에 코드블록처럼 할당할 수 있다. const arr = [1, 2, 3, 4, 5]; const [one, two, three] = arr; conso.. 2022. 1. 19.
Javascript 원시자료와 참조자료 원시자료의 개념과 종류 원시자료는 원시 데이터 타입, 원시형이라고 불리며, 객체가 아니면서 메소드도 가지지 않는 어떠한 값을 의미한다. 1. 숫자(Number)는 정수 및 부동 소수점 숫자(Floating Point Number)를 나타낸다. 2. 문자열(String)은 따옴표로 감싼 문자 또는 문자열을 나타낸다. 이때 허용되는 따옴표는 총 세 가지로 작은 따옴표 'string', 큰 따옴표 "string" , 백틱 `string`가 있다. 작은 따옴표와 큰 따옴표는 기능상 차이점은 없지만 백틱의 경우에는 코드 예제와 같이 복잡한 문자열 연산을 간단히 표현할 때 사용한다. 변수나 수식이 들어가야 할 공간에 ${} 기호를 쓴 뒤에 안에 변수나 수식 등을 작성하면 된다. 3. 불린(Boolean)은 true.. 2022. 1. 13.