[JavaScript] 객체
·
Programming Language/JavaScript
객체 : 실제로 존재하는 사물속성 : 이름과 값으로 구성ex ) 이름 : 구름, 나이 : 7살, 산책하기(), 밥 먹기() → 모두 속성으로 산책하기(), 밥 먹기()는 속성 중에 동작(함수)인 것으로 메소드라고 한다.객체키 : 값객체 뒤에 대괄호 사용하고 키를 입력하면 요소에 접근 가능product['제품명'] -> '7D 건조 망고'product['유형'] -> '당절임'product['성분'] -> '망고, 설탕, 메타중아황산나트륨, 치자황색소'product['원산지'] -> '필리핀'온점( . )도 사용 가능product.제품명 -> '7D 건조 망고'product.유형 -> '당절임'product.성분 -> '망고, 설탕, 메타중아황산나트륨, 치자황색소'produ..
[JavaScript] 반복문
·
Programming Language/JavaScript
반복문 for in 반복문 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용 반복 변수에 인덱스가 들어감 for (const 반복 변수 in 배열 또는 객체) { 문장 } // 실행 결과 // 0번째 할 일: 우유 구매 // 1번째 할 일: 업무 메일 확인하기 // 2번째 할 일: 필라테스 수업 for of 반복문 반복 변수에 인덱스가 아닌 요소의 값이 들어감 for (const 반복 변수 of 배열 또는 객체) { 문장 } // 실행 결과 // 오늘의 할 일: 우유 구매 // 오늘의 할 일: 업무 메일 확인하기 // 오늘의 할 일: 필라테스 수업 for 반복문 for (let i = 0; i < 반복 횟수; i++) { 문장 } // 실행 결과 // 0번째 반복입니다. // 1번째 반복입니다. ..
[JavaScript] 자료의 비파괴와 파괴
·
Programming Language/JavaScript
자료의 비파괴와 파괴 비파괴적 처리 처리 후에 원본 내용이 변경되지 않음 > const a = '안녕' > const b = '하세요' > const c = a + b > c "안녕하세요" > a "안녕" > b "하세요" 파괴적 처리 처리 후에 원본 내용이 변경됨 > const array = ["사과", "배", "바나나"] > array.push("귤") 4 > array (4) ["사과", "배", "바나나", "귤"]
[JavaScript] 배열
·
Programming Language/JavaScript
배열 여러 자료를 묶어서 활용할 수 있는 특수한 자료 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형 대괄호 [ ] 를 사용해 생성, 내부의 값은 쉼표로 구분해 입력 → 배열 내부에 들어있는 값 (요소) [요소, 요소, 요소, 요소, …, 요소] > const array = [273, 'String', true, function () { }, {}, [273, 103]] undefined > array (6) [273, 'String', true, f, {...}, Array(2)] 배열 요소에 접근 요소의 순서 → 인덱스 배열[인덱스] > const numbers = [273, 52, 103, 32] undefined > numbers[0] 273 > numbers[1] 52 > numbers[..
[JavaScript] 함수
·
Programming Language/JavaScript
함수 호출 : 함수를 사용하는 것 매개변수 : 함수를 호출할 때 괄호 내부에 넣는 여러가지 자료 리턴값 : 함수를 호출해서 최종적으로 나오는 결과 익명 함수 이름이 붙어있지 않은 함수 함수 : 코드의 집합을 나타내는 자료형 함수의 자료형 : function function () {} // 실행 결과 // 함수 내부의 코드입니다 ... 1 // 함수 내부의 코드입니다 ... 2 // 함수 내부의 코드입니다 ... 3 // // 함수 내부의 코드입니다 ... 1 // 함수 내부의 코드입니다 ... 2 // 함수 내부의 코드입니다 ... 3 // // function // f () { // console.log('함수 내부의 코드입니다 ... 1') //console.log('함수 내부의 코드입니다 ... 2..
[JavaScript] 조건문
·
Programming Language/JavaScript
제어문 : 코드의 실행 흐름과 직접적인 관련이 있는 문장 if 조건문 조건에 따라서 코드를 실행하거나 실행하지 않을 때 사용하는 구문 > const date = new Date() undefined > date.getFullYear() 2023 > date.getMonth() + 1 9 > date.getDate() 3 > date.getHours() 21 > date.getMinutes() 37 > date.getSeconds() 2 Date() FullYear : 올해 (ex : 2023) Month : 월 (0~11) → 1월이 0 Date : 일 (1~31) → 1일이 1 Hours : 시간 (0~23) // 현재 시간 구분하는 코드 const date = new Date() const hours..