Programming/Javascript91 [Javascript] 배열 리터럴의 한 종류이자 자주 사용하는 데이터형인 배열을 다루도록 하겠습니다. 1. 배열 배열은 데이터들의 집합입니다. 변수에 여러개의 값들을 담고 싶다면 배열을 이용하면 됩니다. 배열에서 저장된 값에 순서대로 번호를 부여하는데 이를 인덱스라고하고, 그 인덱스 안에 저장되어 있는 값을 요소라고 부릅니다. 반드시 알아야하는 주의점은 인덱스는 0부터 시작한다는 점입니다. 일상생활에서는 숫자를 셀 때 1부터 세는 일이 기본적이지만 배열의 인덱스는 0~9순서대로 사용됩니다. 2. 배열의 선언과 접근 배열은 두 가지 방법으로 선언합니다. 2-1. Array객체 생성자 이용하기 let arr1 = new Array(); arr1[0] = 1; arr1[1] = 2; let arr2 = new Array('가','나',.. 2021. 3. 2. [Javascript] 객체 사용하기 객체를 들어가기전에 기본적인 객체 사용법을 이야기하겠습니다. 1. 객체 지난번에도 이야기했지만 객체는 상태(프로퍼티)와 속성(메소드)로 이루어져있다고 했습니다. (앞으로 용어의 통일성과 설명을 위해 프로퍼티와 메소드라는 이름으로 설명을 이어나가겠습니다.) 세가지 단어에 대한 설명을 덧붙이자면, 객체란 프로그램에서 활용하기 위해 취급하는 대상이고 프로퍼티는 객체의 상태나 특성을 나타내기 위한 정보, 메소드는 객체를 조작하기 위한 기능입니다. 2. 인스턴스와 인스턴스화 객체는 기본적으로 직접 접근하는 것을 허용하지 않습니다. 왜냐하면 외부에서 객체 원본에 직접 접근하여 데이터를 손상시키거나 바꿔버릴 수 있는 위험에 대해 방지하고, 두 개 이상의 장소에서 같은 데이터에 대해 값을 수정하려고 하면 오류가 발생합.. 2021. 3. 2. [Javascript] 객체 객체(object)란, 프로퍼티와 메소드로 이루어진 것입니다. 실생활에서 보이는 모든 사물들을 객체라고 할 수가 있습니다. 처음 이해할땐 객체라는 모호한 의미를 주변 사물에 대입해서 생각해보면 쉽게 이해할 수 있습니다. 예를 들면 핸드폰이라는 객체는 켜다, 끄다, 재생하다, 전화걸다 등의 기능(메소드)을 가지고있고, 무게, 색상, 제조사와 같은 속성(프로퍼티)를 가졌다 라고 할 수 있습니다. 1. 객체 객체는 프로퍼티와 메소드(속성과 기능)로 이루어져있다고 했습니다. 서두의 예시에서 보이듯이 메소드는 어떤 객체를 조작하고 활용하게 하는 기능이고, 속성은 객체에 대한 정보를 담고 있습니다. 2. 자바스크립트의 객체 자바스크립트에는 크게 세종류의 객체가 있습니다. 1. 내장 객체 내장 객체는 자바스크립트에 .. 2021. 2. 26. [Javascript] 재귀 함수 재귀함수란 함수가 자기 자신을 다시 호출하는 함수를 말합니다. 어디에서나 나오는 가장 좋은 예시인 팩토리얼 예제로 재귀 함수를 이용해보겠습니다. function factorial(n) { if (n != 0) { return n * factorial(n - 1); } return 1; } console.log(factorial(10)); n의 수를 넣으면 n이 0이 아닌경우에 n-1을 뺀 값을 인수로 자기자신을 다시 호출합니다. 이런 함수를 재귀 함수라고 합니다. 함수 마지막에 1을 반환하는 이유는 재귀를 종료할때 1이란 수를 곱해야 정상적인 값이 나오기 때문입니다. 이러한 종료점이 제대로 갖춰지지않으면 재귀함수는 무한 루프나 예상치 못한 오류가 발생하게 됩니다. 따라서 재귀 함수는 구조만큼 종료점을 확.. 2021. 2. 26. [Javascript] 함수에서 여러 값 반환하기 함수에서 반환값이 하나만 나온다고 했었는데 사용하다보면 여러 값을 반환하고 싶은 경우가 생깁니다. 1. 여러 값 반환하기 return명령은 함수에서 값을 반환하지만 복수의 값을 반환할 수는 없습니다. 그렇다면 복수의 값들을 반환하기 위해서는 어떻게 할까요. 바로 배열과 객체를 이용하는 것 입니다. 말로 간단하게 설명하자면 여러값들을 배열 혹은 객체로 묶어서 하나의 값으로 만든다음에 반환시키는 방법입니다. 2. 분할 대입 우선 여러값을 반환 하기 위해서는 분할 대입에 대해 알고 넘어가야합니다. 분할 대입은 배열, 객체를 분해하여 내부의 요소(프로퍼티)들을 개별적인 변수로 분해하는 구문입니다. 2-1. 배열의 분할 대입 배열에서 일반적으로 값을 추출하기 위해 다음과 같이 이용했었습니다. let arr = [.. 2021. 2. 26. [Javascript] 인수 함수에서 사용되는 인수에 대해 조금 더 다룰려고 합니다. function 함수명(인수){ } 0. 실인수와 가인수 인수는 존재 위치에 따라 두가지 이름으로 불립니다. 실인수는 호출하는 함수의 인수, 가인수는 함수 정의에 사용된 인수를 의미합니다. function 함수명(가인수){ } 함수명(실인수); 1. 디폴트값 선언하기 다음과 같은 형식으로 인수에 디폴트값을 선언할 수 있습니다. function 함수명(인수=디폴트값){ } 디폴트값을 설정하여 함수 내부에서 추가적으로 인수에 대입하는 과정이 사라져 간결한 함수를 만드는데 도움을 줍니다. 디폴트값에는 값 뿐만이 아니라 다른 함수, 인수, 식 등을 넣어서 이용할 수 있습니다. 다만, 디폴트값을 가진 인수과 그렇지 않은 인수를 혼합해서 사용할 경우에는 디폴.. 2021. 2. 26. 이전 1 ··· 7 8 9 10 11 12 13 ··· 16 다음 300x250
