본문 바로가기

좋아하는 것_매직IT/12.자바스크립트

10. Javascript, 배열에 대해서 알아보자.

반응형

목표

- 나의 강점을 바탕으로 나의 일을 잘해냄으로써 타인과 사회를 아릅답게 만든다.

- 현재 내가 가진 능력으로 누군가에 도움이 될 수 있을까? 에 대해서 항상 생각하기

- 나는 블로그 생태계에서 IT 기술/부동산학/민법/주식 교육 관련 파워블로거및 인플루언서가 반드시 된다!

목표를 이루기 위한 실천방안

- 꾸준한 블로깅/기록법/독서법으로 넘버원이 아닌 온리원이 되보자.

- 천사불여일행(千思不如一行)을 항상생각하며 체화 및 각인시키자.

- "천번 생각하는것보다 한번 행동하는 것이 더 중요하다."

- 기기일약 불능십보(騏驥一躍 不能十步) / 노마십가 공재불사(駑馬十駕 功在不舍)

- 천리마도 한번에 열걸음을 뛸 수 없고, 느리고 둔한말이라도 열흘이면 하룻길을 간다.

- 모든 실수에는 마술이 숨어 있다. 따라서 나는 실수하면 실수할수록, 그런 실수에서 더 많이 배울수록 삶에서 더 많은 마술을 갖는다.


블로그목적

Javascript 관련 배열에 대해서 공부및 정리후 공유한다.

 

우선, 왜 배열이 필요할까?

보통 배열을 사용하는 이유는, 아래와 같이 간단히 예를 들어 설명해 보겠다.

간단하게 T.hub 의 멤버를 예를 들어보자.

우선 T.hub에 최초 3명의 멤버가 등록을 했다면, 관리를 하기 위해서 총 10개의 변수가 필요하다.

3명 정도면, 3개의 변수를 선언해서 사용해도 된다.

but, 만약 T.hub의 멤버가 현재 2121명인데, 이것도 버겁지만, 추후에 10000명돌파 100000명 돌파한다고 생각하면, 각각의 100000개의 변수를 선언해야 되는데....

해당 상황을 T.hub 의 멤버관리 프로그래머 입장으로 가정하고 생각해보면 -_-;

생각하기도 싫은 아주 힘든 T.hub의 프로그래머의 삶(?)이 될것 이다.;; 변수만 선언하다가 시간을 다보내게 되는일이...

물론 인수인계를 받는 후임또한 해당 소스를 보고 깜짝 놀라게 될것 이다. -_-;;

결론적으로, 즉, 배열은 해당 사항을 개선하기 위해서 꼭 필요하다.

 

그럼, 배열은 무엇일까?

배열은 기본적으로 데이터에게 하나하나 변수 이름을 붙이지 않고, 전체 집단에 하나의 이름을 부여한 다음, 각각의 데이터에 숫자로 된 번호를 붙여서 접근하는 방법임.

다시말해서, 배열은 복잡은 응용 프로그램에서 많은 값을 한꺼번에 저장할 수 있는 저장장소를 말한다.

 

그럼, 자바스크립트에서 배열을 생성하는 방법을 알아보자.

첫째, 리터럴로 배열 생성

즉, 구체적인 값을 가지고 배열을 생성한다.

아래는 예시이다.

설명

객체와 비교해보면,

객체는 { ... } 같이 중괄호로 선언.. 헷갈리지말자!^^

배열은 [ ... ] 같이 대괄호로 선언함.

배열에 저장된 값은 정수 인덱스를 가지고 접근 가능함.

그리고 배열의 인덱스의 시작점은 C++ 과 동일한게 0부터 시작됨.

예를들면, thub_masters[0] 의 값은 "cur_magic" 이고, thub_masters[1]의 값은 "new_magic" 임..

둘째, Array 객체로 배열 생성

Array 객체로도 배열을 생성할 수 있음.

아래는 예시이다.

설명

new 키워드

새로운 객체를 생성하는 키워드임.

만약 선언된 배열에 값을 저장하고 싶으면 아래와 같이 하면됨.

​​​​​​​​​​​​​​​​​​​​​​​​​​​​그럼, 자바스크립트의 배열관련 특징에 대해서 알아보자.

첫째, 배열에 종류를 다르게 하면서 저장할 수 있음.

예를들면, C++ 과는 다르게 하나의 배열에 여러가지 종류의 객체를 혼합해서 저장할 수 있음.

아래는 예시이다.

둘째, Array의 속성과 메소드를 지원함.

예를 들면, 객체 Array의 배열의 크기는 length 를 사용해서 구할 수 있음.

아래는 예시이다.

v

그외에

concat, indexOf, push, pop 등등의 다양한 메소드를 지원함.

아래 참고페이지 내용을 참고하자..^^

참고 URL

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array#%EC%9D%B8%EC%8A%A4%ED%84%B4%EC%8A%A4_%EB%A9%94%EC%84%9C%EB%93%9C

셋째, 다른 언어의 배열과는 다르게, 키(key)를 이용해 값을 저장하였다가 다시 추출도 가능함.

참고로, Key 는 문자열.

다시말해서, 인덱스 대신에 Key 를 사용해 저장하고 다시 가져올 수 있다는 말....

아래는 예시이다.

맺음말

배열은 기본적으로 데이터에게 하나하나 변수 이름을 붙이지 않고, 전체 집단에 하나의 이름을 부여한 다음, 각각의 데이터에 숫자로 된 번호를 붙여서 접근하는 방법임.

자바스크립트의 배열은 다른 언어 배열과는 조금 다른 특징들이 있음.

오늘도 자바스크립트 배열에 대한 지식 마술(?) 한가지 획득완료! 감사합니다. ^^


 

오늘의 영어 한마디

My grandfather was troubled with illness in the last stage of this journey.

나의 할아버지는 고생하셔다/ 병으로 / 마지막 부분에 / 여행에(=노년기)

해설

오랜기간 여행을 다니다보면, 여행에 마지막 단계에 다리도 아프고, 몸도 지치게됨.

위의 예문은, 인생의 마지막 단계인 노년기을 여행에 비유함.


오늘의 민법 한마디(for real estate)

제1편 총칙 / 제5장 법률행위

제109조(착오로 인한 의사표시)

1. 의사표시는 법률행위의 내용의 중요부분에 착오가 있는 때에는 취소할 수 있다. 그러나 그 착오가 표의자의 중대한 과실로 인한 때에는 취소하지 못한다.

2. 전항의 의사표시의 취소는 선의의 제3자에게 대항하지 못한다.


오늘의 금융 지식 한마디

알트만 Z 스코어

에드워드 알트만 미국 뉴욕대 교수가 1968년 만든 지수. 운전자본·유보이익·영업이익·시가총액·매출 등 재무와 영업 측면을 모두 반영한 지수로 꼽힌다. 알트만 스코어가 1.81보다 작으면 파산 확률이 높고, 3.00을 웃돌면 안전한 기업으로 분류된다.

728x90
300x250