[JavaScript] JavaScript_02

1. 변수

// 변수 생성 및 초기화
let a = 221;
let a = 69; // 에러 발생 - Identifier 'a' has already been declared
a = b = "Hello World!!!";

var b = 34;
var b = 452;
b = false;

// 상수(constant) 변수 생성
const c = 100;
c = 4; // 에러 발생 - Assignment to constant variable.

let d = c - 5;

// 출력 함수
console.log(a, b, c, d);

• 한 expression이 끝나면 ;을 붙여 표시
• let: 새로운 값 대입 가능 / 동일한 이름의 변수 재선언 불가 / 필요할 때만 사용 권장 O
• var: 새로운 값 대입 가능 / 동일한 이름의 변수 재선언 가능 / 사용 권장 X
• const: 새로운 값 대입 불가 / 사용 권장 O

 

2. Array & Object

// Array 생성
const daysOfWeek = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
console.log(daysOfWeek);

// Array 인덱싱
console.log(daysOfWeek[2]);
console.log(daysOfWeek.slice(2, 5));    // daysOfWeek의 일부분을 선택하여 새로운 Array 생성

// object 생성
const personalInfo = {name: "Lora",
                      age: 24,
                      gender: "f",
                      isAssigned: false,
                      favFood: ["Bubble Tea", "Gobchang", "Ramen"],
                      recentTrip: [
                          {
                              date:"2020-01-12",
                              Region: "Jeju Island"
                            },
                          {
                            date:"2019-08-24",
                            Region: "Macao"
                          }
                      ]
                     };
console.log(personalInfo);
console.log(personalInfo["gender"]);
console.log(personalInfo.favFood[1]);
console.log(personalInfo.recentTrip[1].Region);

personalInfo.isAssigned = true;
console.log(personalInfo.isAssigned);

• Array(배열)

  • 다양한 Array 선언 방법(https://www.codingfactory.net/10444)

  • push() : 하나 이상의 요소를 배열의 가장 마지막에 추가

  • pop() : 배열의 가장 마지막 요소를 제거하고, 그 제거된 요소를 반환

  • array.foreach(function) : 해당 배열의 모든 요소에 대하여 반복적으로 명시된 함수를 실행

  • array.filter(function) : 해당 배열의 모든 요소에 대하여 반복적으로 명시된 함수를 실행한 후, 그 결괏값이

    ​ true인 요소들만 새로운 배열에 담아 반환

• Object(객체)

  • 다양한 Object 선언 방법(https://www.codingfactory.net/10395)

• new를 사용하지 않고 [ ]만 사용해서 만든 배열을 배열 리터럴, { }만 사용해서 만든 객체를 객체 리터럴

  (리터럴(literal): new를 사용하지 않고 만드는 것)

 

---

 

참고 자료

• https://academy.nomadcoders.co/p/javascript-basics-for-absolute-beginners-kr

불러오는 중입니다...