자바스크립트 기초문법8 -object에 대하여-

1. 개요 객체는 속성의 집합이고, 중괄호 내부에 key와 value의 쌍으로 표현함 파이썬의 dictionary key는 문자열 타입만 가능하고, 띄어쓰기 등의 구분자가 있으면 따옴표로 묶어서 나타낸다. value는 함수 포함 모든 타입 가능하다 객체의 요소에 대한 접근은 점(.)이나 대괄호([])가 가능하다. 단 key 이름에 띄어쓰기 같은 구분자가 있으면 대괄호 접근만 가능하다 띄어쓰기가 있으면 .으로는 접근 못하고, key에서 ''으로 묶어야한다는게 무슨 말인지 알겠지 2. 속성명 축약 객체 정의할때, key와 할당하고자 하는 변수의 이름 value가 서로 같으면 key:value로 쓰던걸 key,로 축약 가능 예를 들어 다음과 같이 축약이 가능하다 3. 메소드명 축약 메소드를 value로 가질때..

• format_list_bulleted 프로그래밍/비전공자를 위한 자바스크립트
• · 2022. 10. 20.
• textsms

자바스크립트 기초문법7 - array에 대하여 -

1. 개요 참조 타입(reference type)에 해당하는 타입은 Array와 Object이며 객체라고도 말함 객체는 속성들의 모음이다. 2. 배열(array) 키와 속성들을 담고 있는 참조 타입의 객체 순서를 보장 주로 대괄호 []를 이용해 생성하고, 0을 포함한 양의 정수 인덱스로 특정 값에 접근 가능 배열의 길이는 array.length 형태로 접근 마지막 원소는 array.length-1로 접근 3. 배열의 메소드 3-1) array.reverse() 원본 배열 요소들의 순서를 반대로 정렬함 내림차순 정렬이 아니고, 그냥 뒤집는 것일 뿐 3-2) array.push() 배열의 가장 뒤에 요소를 추가함 3-3) array.pop() 배열의 마지막 요소를 제거함 근데 파이썬처럼 array.pop(2..

• format_list_bulleted 프로그래밍/비전공자를 위한 자바스크립트
• · 2022. 10. 20.
• textsms

자바스크립트 기초문법6 -사용자정의 함수 작성-

1. 함수(function) 데이터 타입에서 참조 타입(reference type)중 하나로 자바스크립트에서 함수를 정의하는 방법은 함수 선언식(function declaration), 함수 표현식(function expression)이 있다. 2. 함수 선언식(function declaration) 일반적인 프로그래밍 언어의 함수 정의 방식과 유사함 function 함수명(인자) { } 3. 함수 표현식(function expression) 표현식 내에서 함수를 정의하는 방식 파이썬의 lambda함수처럼, 함수명을 생략한 익명 함수로 정의가능함 변수 키워드 변수명 = function (인자) {} 표현식에 함수명을 명시하는 것도 물론 가능하다. 하지만 함수 호출에는 변수명으로 호출해야하며, 함수명으로는..

• format_list_bulleted 프로그래밍/비전공자를 위한 자바스크립트
• · 2022. 10. 20.
• textsms

자바스크립트 기초문법5 -반복문-

1. while 조건문이 참이기만 하면 문장을 계속 수행함 while (조건문) { } 2. for문 특정한 조건이 거짓으로 판별될 때까지 반복함 for (; ; ) { } 반복문 for (let i = 0; i < 6; i++)를 진입하면, 먼저 변수 let i = 0을 선언한다. 그 후 조건문 i < 6;을 평가하고, 참이면 코드 블럭을 수행함 다음 코드 블록 수행 후에, i++를 수행하여 i를 증가시킴 위 과정을 반복 참고로 초기 선언을 반드시 let이나 var로 해줘야함 for (let i = 0; i < arr.length; i++) {}의 경우에, 최초 정의한 let i = 0을 재할당해서 i = 1, i = 2, ...로 증가시키므로, 재할당 불가능한 const를 사용하면, 에러남 3. fo..

• format_list_bulleted 프로그래밍/비전공자를 위한 자바스크립트
• · 2022. 10. 20.
• textsms

자바스크립트 기초문법4 -조건문-

1. 종류 1-1) if statement 조건 표현식의 결과값을 boolean 타입으로 변환하고 참/거짓을 판단함 1-2) switch statement 조건 표현식의 결과값이 어느 값(case)에 해당하는지 판별함 주로 특정 변수의 값에 따라 조건을 분기할때 사용 조건이 많아질 경우 if문보다 가독성이 좋을 수 있음 2. if문 if, else if, else 조건은 소괄호 안에 작성하고, 조건이 참이면 실행할 코드는 중괄호 {}안에 작성함 if (조건1) { } else if (조건2) {} else (조건3) {} 블록 스코프를 생성함 3. switch문 표현식의 결과값을 이용한 조건문이다. 표현식의 결과값과 case문에서 지정한 값을 비교함 일치하는 부분의 중괄호 내의 문장을 수행함 switch..

• format_list_bulleted 프로그래밍/비전공자를 위한 자바스크립트
• · 2022. 10. 20.
• textsms

자바스크립트 기초문법3 -연산자-

1. 할당연산자 오른쪽에 있는 피연산자의 평가 결과를 왼쪽 피연산자에 할당하는 연산자 단축 연산자 +=, -=, *=이 가능 증감연산자 ++, --도 사용은 가능한데, +=이나 -=같은 분명한 표현으로 사용하기를 권장 증가(++): 피연산자의 값을 1 증가시킨다(increment) 감소(--): 피연산자의 값을 1 감소시킨다.(decrement) 2. 비교 연산자 피연산자들(숫자, 문자, boolean 등)을 비교하고 결과값을 boolean으로 반환함 문자열은 유니코드 값을 사용하며, 표준 사전 순서를 기반으로 비교함 알파벳끼리 비교한다면... - 알파벳 순서상 후순위가 더 큼 - 소문자가 대문자보다 크다... 파이썬도 그랬던것 같기도하고.? 3. 동등 연산자 == 으로 사용 두 피연산자가 같은 값으로 ..

• format_list_bulleted 프로그래밍/비전공자를 위한 자바스크립트
• · 2022. 10. 20.
• textsms