Javascript

let x = 100, y = 200, z = "javascript";

console.log(x, y, z);

const x = 100, y = 200, z = "javascript";

console.log(x, y, z);

const arr = [100, 200, "javascript"];

console.log(arr[0], arr[1], arr[2]); 

const arr = [100, 200, ["javascript", "react"]];

console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2][0]);
console.log(arr[2][1]);

const arr = [100, 200, "javascript"];

console.log(arr.length)

const arr = [100, 200, 300, 400, 500, 600, 700, 800, 900];

// console.log(arr[0]);
// console.log(arr[1]);
// console.log(arr[2]); ...

for(let i = 0; i<9; i++){
    console.log(arr[i]);
}
for(let i = 8; i>=0; i--){
    console.log(arr[i]);
}

for( let i=1; i<=10; i++ ){
    console.log("i : " + i)
    for(let j=1; j<=10; j++){
        console.log("j : " + j)
        //console.log(i+"+"+j+"="+(i+j))
    }               
}

const members = ["Lee","Kim","Kang","Jang"];

members.forEach(function(member) {
    document.write(member+"<br>");   //배열 하나의 값(for문의 진행에 따라 순차적으로 도출)
    document.write(index+"<br>");    //배열 인덱스
    document.write(array+"<br>");    //배열 전체 값
});

//화살표 함수
members.forEach((member) => {
    document.write(member);
});

//화살표 함수 (괄호 생략)
members.forEach(member => {
    document.write(member);
});

//화살표 함수 (괄호+중괄호 생략)
members.forEach(member => document.write(member));

const members = ["Lee","Kim","Kang","Jang"];

// members에 member가 있는 동안 반복합니다.
for(member of members){
    document.write(member);
}

const person = {
    name: "Lee",
    age: 30,
    city: "Seoul"
};

for(let key in person){     //변수 key는 배열의 인덱스를 의미한다.
    document.write(key + " : " + person[key] + "<br>");
}

const arr = [100,200,300,400,[500,600]];
    
arr.map(function(el){
    console.log(el)
});                         //forEach 처럼 쓴다 생각

// arr.map(el => console.log(el)); //map 화살표
    
const originalArray = [1, 2, 3];

const newArray = originalArray.map((currentValue) => {
    return currentValue ** 2;
});

console.log(newArray);

let arr1 = [100, 200, 300, 400, 500];
let arr2 = [600, 700];

console.log(arr1);
console.log(...arr1);   //펼침 연산자 문법
console.log(...arr1, ...arr2);  //배열 합침
//만약 펼침연산자를 안 쓴다면 for문을 이용해 값을 뽑고 다시 배열로 합쳐야 한다.

let a, b, c;
[a, b, c] = [100, 200, "javascript"];   //프로퍼티(키와 값)처럼 기능한다. 구조분해할당의 대표적인 기능이다.

console.log(a);
console.log(b);
console.log(c);

const obj = {
    a: 100,
    b: 200,
    c: "javascript"
}

console.log(obj.a);
console.log(obj.b);
console.log(obj.c);

const obj = {
    a: 100,
    b: 200,
    c: "javascript"
}

console.log(Object.keys(obj));  //키를 배열로 추출해줌
console.log(Object.values(obj));  //값을 배열로 추출해줌
console.log(Object.entries(obj));  //[키, 값]이 쌍으로 이루어진 배열로 추출해줌

const obj = {
    a: 100,
    b: 200,
    c: "javascript"
}

const name1 = obj.a;
const name2 = obj.b;
const name3 = obj.c;    //변수 name1~3에 객체 obj.a~c 할당

console.log(name1);
console.log(name2);
console.log(name3);

const obj = {
    a: 100,
    b: 200,
    c: "javascript"
}

for(let key in obj){
    console.log(key+"<br>");       //for in문으로 객체의 키(key)를 가져온다.
    console.log(obj[key]+"<br>");  //가져온 키를 이용해 데이터를 가져올 수 있다.
}   //Object 는 배열로 불러옴 for in은 그냥 키만 가져옴

const obj = [
    {a: 100, b: 200, c: "javascript"}
]

obj.map(function(el){   //obj.map(el => {clg()})
    console.log(el.a+"<br>");
    console.log(el.b+"<br>");
    console.log(el.c+"<br>");
})      //map은 배열에 쓰이기 때문에 배열 안에 들어간 객체를 뽑을 때 쓴다.


let users = [
    {firstName : "Susan", lastName: "Steward"},
    {firstName : "Daniel", lastName: "Longbottom"},
    {firstName : "Jacob", lastName: "Black"}
];

let userFullnames = users.map(function(element){
    return `${element.firstName} ${element.lastName}`;
})

console.log(userFullnames);
// ["Susan Steward", "Daniel Longbottom", "Jacob Black"]

const obj = {
    a: 100,
    b: 200,
    c: "javascript"
}
console.log(obj.hasOwnProperty("a"));   //데이터가 있으면 true 없으면 false
console.log(obj.hasOwnProperty("d"));   //데이터가 있으면 true 없으면 false

console.log("a" in obj);
console.log("d" in obj);    //약식으로 표현

const obj = {
    a: 100,
    b: 200,
    c: "javascript"
}
const spread = {...obj, d:"react"}; //d:"react" 객체 추가

console.log(spread.a);
console.log(spread.b);
console.log(spread.c);
console.log(spread.d);

//     const obj1 = {
//         a: 100,
//         b: 200,
//     }
//     const obj2 = {
//         c: "javascript",
//         d: "react"
//     }
//     const spread = {...obj1, ...obj2};  //객체 합치기

const obj = {
    a: 100,
    b: 200,
    c: "javascript"
}
const {a, b, c} = obj;
const {x, y, z} = obj;

console.log(obj.a);
console.log(obj.b);
console.log(obj.c);

console.log(obj.x); //키 이름을 다르게 하면 'undefined'

const {a:name1, b:name2, c:name3} = obj;    //키에 할당된 값을 지정하고 불러올 수 있다.
console.log(name1);
console.log(name2);
console.log(name3);