본문 바로가기
  • coingcoing

STUDY/JavaScript6

[javascript] 배열1 - 얕은 복사, 깊은 복사 처음 얕은 복사, 깊은 복사를 접했을 때 도대체 무슨 소린지 몰라서 두통이 왔던 기억이 있다. 알아보자 얕은 복사와 깊은 복사! 여기 배열이 있다. const seventeen = ["SCOUPS", "JEONGHAN", "JOSHUA"] seventeen95와 같은 값을 가진 새로운 배열을 만들고 싶다. 그럴 때 사용할 수 있는 방법은 다음과 같다. 1. 스프레드 연산자 스프레드 연산자를 사용하면 seventeen 배열안이 있는 값이 seventeen95에 복사된다. const seventeen95 = [...seventeen] console.log(seveteen95) // ["SCOUPS", "JEONGHAN", "JOSHUA"] 1. Array.slice() 메서드 slice() 메서드는 배열의 .. 2022. 12. 29.
[javascript] 함수3 - Rest 연산자 오늘은 스프레드 연산자와 비슷하게 생긴 Rest 연산자를 알아보자. Rest연산자는 함수가 얻는 모든 인수를 배열에 합쳐준다. 그래서 함수를 생성할 때 파라미터가 몇개나 들어올지 모르는 상황에서 유용하다. const fun =(...rest)=> { return rest } const result = fun(1,2,3,4,5) console.log(result) // [1,2,3,4,5] Rest 연산자를 함수 매개변수에 사용할 때 주의해야 할 점은 다른 매개변수가 있을 경우 맨 뒤에 적어줘야 한다. Rest 연산자를 앞에 적어줄 경우 에러가 발생한다. const fun = (num1, num2, ...rest) => { // 순서가 중요 ... } 또 하나는 Rest 연산자는 하나만 존재할 수 있다는 .. 2022. 12. 20.
[javascript] 함수2 - 화살표 함수 함수를 표현하는 방식 중 화살표 함수가 있다. 화살표 함수는 코드를 보다 짧게 표현할 수 있는 장점이 있다. 1. 화살표 함수 구문 기본 구문 const sum = (num1, num2) => { const result = num1 + num2 return result } // function 키워드 삭제, 매개변수와 {} 사이에 => 를 넣어준다. 매개변수가 하나만 있을 경우 const message = userText => { alret(userText); } // 매개변수가 하나만 있을 경우 괄호()를 생략할 수 있다. 매개변수가 없을 경우 const fun = () => { console.log("Hello world!") } // 매개변수가 없을 경우 괄호()를 생략할 수 없다. 함수 안에 식이.. 2022. 12. 17.
[javascript] 함수1 - 함수 정의하기 함수란 무엇인가? 함수는 어떤 기능을 수행하기 위한 블록{ }이다. 어떤 기능을 반복적으로 사용된다면 함수로 만든 후 여러번 호출해서 쓸 수 있다. 그렇다면 함수는 어떻게 만들까 일단 함수를 정의하는 방법은 함수 선언문, 함수 표현식, 화살표 함수가 있다. 나는 함수 선언문, 함수 표현식을 알아보려고 한다. 1. 함수 선언문 function funName(num1, num2) { return num1 + num2 } funName(1, 2) // 함수호출 return 값은 3 함수 선언문은 function 키워드 뒤에 함수이름을 정의해준다. 함수 이름 뒤에는 괄호()안에 매개변수를 넣어준다. 없을 경우에는 생략가능하다. 그 다음 중괄호{} 안에 함수를 호출했을 때 실행될 코드를 넣어준다. 2. 함수 표현.. 2022. 12. 14.

티스토리툴바