[Javascript] JS 기초 개념

map

const array1 = [ 1, 4, 9, 16];
const map1 = array.map(x=>x*2);
console.log(map1);
//expected output : Array [2, 8, 18, 32]

x * 2 는 함수 반환값이고

x는 함수 인자(파라미터)

​

새로운 배열이 만들어진다(수정, 변경되는게 아님)

function 함수이름(){
내용
}

arrow function

const af = (num) => num * 2;
//중괄호가 생략된 문법

af(2)
//4

const bf = (num) => {
//중괄호가 있는 문법
    console.long('in function');
    return num * 2;
}

bf(2)
//in function
//4

const a = [1,2,3,4]

a.map(x => console.log(x));
//1
//2
//3
//4

---

slice

const animal = [ 1,2,3,4,5 ]
console.log(animal.slice(2));
//3,4,5
console.log(animal.slice(2,4));
//3,4

---

filter

const words = ['spray','limit' ......]

const result = words.filter(word => word.length > 6) //이 조건을 만족해야 반환

console.log(result);

---

spread

function sum(x,y,z){
return x+y+z;
}

const numbers = [1,2,3];

console.log(sum(...numbers));
//6

console.log(sum.apply(null, numbers));
//6

dict1 은 원래 {A:'HELLO', B:'HELLO'} 였다면

dict1 ={
...dict1,
A: 'HI'
}
//dict1 은 {A:'HI', B:'HELLO'} 로 바뀜