Notice
Recent Posts
Recent Comments
Link
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

김찬양의 개발일지

객체 본문

Javascript

객체

자유로운영혼이다냥 2023. 8. 24. 17:43

객체(Object) :  property와 method를 가지며, property는 상태, method는 동작을 일컫는다,

값을 저장할 떄, 원시 변수와 다르게, 값의 위차가 저장되며 다른 변수나 객체에 할당할 떄도 값이 아닌 값의 위치가 전달된다.

//원시 변수의 경우
let value1 = 10;
let value2 = value1;
console.log(value2);//10의 값을 출력한다.

value1 = 10;
console.log(value2);//10의 값을 출력한다.

//객체의 경우
let array1 = [10];
let array2 = array1;
console.log(array2);//[10]의 값을 출력한다.

array1[0] = 20;
console.log(array2);//[20]의 값을 출력한다.

이러한 객체에 대해 알아보도록 하자.

1. 배열(array)은 여러 데이터를 순서대로 쌓아둔 아파트와같은 객체이다. 한 객체에 여러개의 데이터를 한번에 저장 가능하기에, 보다 다양한 작업이 가능하고, 학교에서 학생 성적을 관리한다거나 하는 작업이 보다 쉬워지게한다.

  배열 값에 접근하는방법은 array[index]와 같은 방법으로 접근 가능하며, index(주소)는 0부터 시작해 1씩 증가한다. 또한, jaxascript에서는 없는 데이터에도 접근이 가능하다. 만약 접근한다면, undifinded로 출력된다.

또한 배열 내부에 배열을 넣을 수 있으며, 이를 다차원 배열이라고 한다. 

 

배열에서 사용 가능한 메소드는 다음과 같다.

  1. .length : 원소의 길이값을 출력한다
  2. push(index) : index를 뒤에서 삽입한다.
  3. pop(); 맨 마지막 요소를 꺼내어 return하고 휘발시킨다.
  4. shift(index) :  index를 앞에서 삽입한다.
  5. unshift() : 맨 처음 요소를 꺼내어 return하고 휘발시킨다
  6. splice(시작 주소, 삭제할 데이터 개수, 삽입할 index1, index2 .....) : 시작 주소부터 일정량의 데이터를 지우고, 삽입할 index들을 그 자리에 삽입한다.
  7. slice(시작주소, 개수) : 시작 주소부터 뽑을 개수만큼 뽑아 return시키며 삭제나 수정은 없다. slice()의 경우에는 모든 데이터, 배열 용량 이상의 값이  최대치면 가능 한 데이터까지 끌어오며 시작부분 주소가 너무 크지 않는 이상엔 undefinded는 출력되지 않는다.
  8. sort() : 배열의 요소를 정렬하는데 사용한다.
  9. forEach(function(item,index){}) : 이 메소드는 배열의 시작부터 끝까지의 데이터를 각 함수에 넣으며 실행한다.
  10. map(function(item,index){}) : 이 메소드는 각 요소를 함수에 넣어 실행하며, 결과값을 배열의 형태로 return시킨다.
  11. filter(function(index){return Boolean}) : 기존의 배열에서 function에서 true를 받은 데이터만 모아 새로운 배열로 만든다.
  12. reduce(function, 초기값) : 배열 원소를 처음부터 끝까지 순환하며 , 초기값을 함수에 넣고, 결과값을 다시 함수에 넣어 끝까지 재실행한다.
  13. include(index) : 해당 index를 포함하면 true를 return, 포함하지 않으면 false를 return한다.
  14. join(String-index) : 해당 배열의 index가 String일떄, 이를 String-index를 사이에 끼워 연결해준다. 숫자의 경우 앞에 0이 있으면, 8진수로 인식되기떄문에 사용하지 않는게 좋다. 8진수가 아니더라도 자동적으로 String으로 변환되어 연산한다.

'Javascript' 카테고리의 다른 글

JavaScript 1일차  (0) 2023.08.23