본문 바로가기

JS

#JS복습 - 자바스크립트 화살표 함수, 배열메소드, map자료형

화살표함수 연습하기 1
function add (a,b,c,d,e) {
    return a+b+c+d+e;
}

let addArrow = (a,b,c,d,e) =>{  //화살표함수! 위와 동일한 기능
    return a+b+c+d+e;
}; 


let result = 0;
 
result = addArrow(1,2,3,4,5);
console.log(result);

 

배열 메소드
let arr1 = new Array(1,2,3); //1번째 방법 
let arr2 = ["1","2","3"]; // 빈 배열을 선언

console.log(arr1);
console.log(arr2);

let arr2D = [
    [1,2,3],
    [4,5,6],
    [7,8,9]
];

console.log(arr2D[1][1]); //5 출력

/* 배열 추가 */
arr2.push(3); //3 추가한다. 
console.log(arr2);

/* 배열 길이 확인 */
let len = arr2D.length;
console.log(len); // 2차원 배열의 경우1차원의 길이를 반환한다.3반환

/* 배열 하나 하나의 값을 직접 다루고 싶을 때 */
let newArr2 = arr2.map(val => {
    return val + "3"; //하나하나 값을 꺼내 서 문자열 3을 뒤에 붙여서 반환을 한다. 
})
console.log(newArr2);// [ '13', '23', '33', '33' ]
배열 복사하기
let arr1 = new Array(1,2,3); //1번째 방법 
let arr2 = ["1","2","3"]; // 빈 배열을 선언

console.log(arr1);
console.log(arr2);

let arr2D = [
    [1,2,3],
    [4,5,6],
    [7,8,9]
];

console.log(arr2D[1][1]); //5 출력

/* 배열 값 변경 */

arr2[1] = 3; //3은 정수로 들어감
console.log(arr2);

arrcopy = [...arr2];

arrcopy[1] = 4;
console.log(arr2);
console.log(arrcopy);

전개구문 ...arr2 이용

 

map 자료형 set, get
let map1 = new Map(); //Map은 데이터에 이름을 불러서 분류하는 자료형 
//예를 들면, 전화번호부 (key, value 로 구분)

map1.set(1, "value1"); //값을 추가하고 싶을 때 (key, value 인자로 받음)
map1.set(2, "value2");
map1.set(1, "newvalue1") // 키값이 중복되어 나오는 경우, 값이 갱신된다.

console.log(map1);
// 출력 결과 Map(2) { 1 => 'value1', 2 => 'value2' }

/*get 메소드*/
console.log(map1.get(1)) //키값을 통해 value값 반환하는 함수