개발/Javascript13 Javascript 객체 (공부_13) Object객체는 연관된 데이터를 담는 그릇을 의미프리미티브 타입은 단 하나의 값만 나타낼 수 있고 불변이지만 이와 달리 객체는 여러 가지 값이나 복잡한 값을 나타낼 수 있고 값이 변할 수도 있음객체 구성객체는 키(key)와 값(value)로 구성되어 있음여러 가지 값을 가질 수 있음객체가 가지고 있는 값을 프로퍼티(Property)라고 부름프로퍼티가 함수인 경우는 메서드라고 표현배열 객체와 같이 또 다른 객체를 프로퍼티로 가질 수 있음const person = { name: '홍길동', age: 25,};// 키(key) : name, age// 값(value) : '홍길동', 25const person = { name: '홍길동', // 프로퍼티 : name, age age: 25, sayH.. 2024. 8. 21. Javascript 함수 (공부_12) 함수하나의 단위로 실행할 수 있도록 명령문을 그룹화한 것함수 생성함수 선언식function sayHello() { console.log('이름과 나이 출력'); console.log('이름: 홍길동, 나이: 25살');}sayHello(); 함수 표현식const sayHello = function () { console.log('이름과 나이 출력'); console.log('이름: 홍길동 , 나이: 23살');};sayHello(); 함수 선언식과 함수 표현식의 차이★ 함수 선언식은 호이스팅의 영향을 받지만 함수 표현식은 안받음 ★ 파라미터괄호() 안에 파라미터(또는 매개변수)를 선언하여 함수 호출 시 값 전달 가능const sayHello = function (name, age) { conso.. 2024. 8. 20. Javascript 연산자 (공부_11) 연산자어떠한 연산을 수행하는 기호문자열 병합+ 연산자를 사용해 문자열 병합 가능console.log('Hello ' + 'world!');console.log('3' + 3); // number -> stringconsole.log(typeof ('3' + 3)); // stringconsole.log(3 + 3 + '3'); // 3 + 3 = 6 계산하고 뒤에 문자열 3 붙여서 63 출력 산술 연산자let x = 10;let y = 20;console.log(x + y); // 덧셈 ---> 30console.log(x - y); // 뺄셈 ---> -10console.log(x / y); // 나눗셈 ---> 0.5console.log(x * y); // 곱셈 ---> 200console.log(x.. 2024. 8. 18. Javascript 반복문 (공부_10) for loop정해진 숫자만큼 반복하려 할 때 사용for문for (초기화, 조건식, 표현식)으로 구성되어 있음for (let i = 0; i 초기화 : let i = 0조건식 : i console.log 명령문 수행표현식 : i++다시 2번 반복 수행하다가 조건식 i for ... in객체(object)에 있는 키 항목들을 반복적으로 반환ES6에서 추가된 문법let person = { name: '홍길동', age: 23, job: '개발자',};for (let key in person) { console.log(person[key]);}// 홍길동// 23// 개발자 for ... of반복 가능한 배열과 같은 객체에서 반복해서 값을 하나씩 반환ES6에서 추가된 문법let fruits = ['사과.. 2024. 8. 16. Javascript 제어문-조건문 (공부_9) 제어문프로그램의 흐름을 제어할 수 있도록 도와주는 실행문조건문조건에 따라 다른 문장을 실행하는 문장ex) if, switch반복문동일한 코드를 여러 번 실행시키는 문장ex) for, while, do~while분기문멈추거나 빠져나가거나 계속 진행하거나 되돌아가거나 하는 동작ex) break, continue if문if조건(condition)이 참(true)인 경우 명령문 실행let condition = true;if (condition) { console.log('참입니다.');} else조건(condition)이 거짓(false)인 경우 명령문 실행let condition = true;if (condition) { console.log('참입니다.');} else { console.log('거.. 2024. 8. 12. Javascript 배열 (공부_8) 배열자바스크립트 배열은 특수한 객체배열 안에 있는 데이터는 순서가 있음 이를 index라고 부름유용한 메서드를 많이 가짐배열의 생성배열 리터럴 표기법 (array literal syntax)const fruits = ['사과', '바나나', '딸기'];배열 생성자 표기법 (array constructor syntax)const fruits = new Array('사과', '바나나', '딸기'); 배열 접근대괄호([])를 통해 배열 안에 있는 값에 접근 가능배열의 시작 index는 0부터 시작const fruits = ['사과', '바나나', '딸기'];console.log(fruits[0]);fruits[2] = '포도';console.log(fruits[2]); 자주 사용하는 배열 API (프로퍼티, .. 2024. 8. 8. 이전 1 2 3 다음