☭DEVELOPER/#4 자바스크립트

자바스크립트 | 레츠기릿 자바스크립트 13 배열

조반짝 2024. 3. 18. 11:27
728x90
반응형
const target =['h','b','c','d','e'];
target.unshift('a');
console.log(target);

객체

객체(object)는 자료형의 일종. 다양한 값을 모아둔 또 다른 값이다.

객체의 종류는 크게 배열(array), 함수(function), 배열이나 함수가 아닌 객체로 나눌 수 있다.


배열


형식

const fruits = ['사과','오렌지','딸기','배'];

 

프로그래밍에서는 0부터 세는 경우가 많다. 프로그래밍에서는 자릿수를 인덱스(index)라고 한다.

 

배열 안에 다른 배열이나 변수를 넣을 수도 있다.

const arrayOfArray = [[1,2,3],[4,5]];
arryOfArray[0]; //[1,2,3]

 

배열 내부에 든 값을 요소(element)라고 합니다. 

  • 배열의 요소 개수 구하기

배열의 수를 구하기 위해 배열 이름 뒤에 .length를 붙이면 된다.

  • 배열의 마지막 요소 찾기
const findLastElement = ['a','b','c','d','e'];
console.log(findLastElement[findLastElement.length-1]);

 

.length-1을 하면 배열의 마지막요소를 찾을 수 있다.

  • 배열 추가하기

원하는 배열의 인덱스에 값을 대입하면 된다.

const target =['a','b','c','d','e'];
target[5]='f';
console.log(target);

 

- 배열 가장 마지막에 값을 추가하기

const target =['a','b','c','d','e'];
target[target.length]='g';
console.log(target);

 

- 배열 가장 앞에 값을 추가 하기

const target =['a','b','c','d','e'];
target[0]='h';
console.log(target);

이렇게 하면 덮어쓰기가 된다.

 

- 덮어쓰지 않고 값을 추가하기

const target =['h','b','c','d','e'];
target.unshift('a');
console.log(target);

 

- 배열 마지막에 값을 추가하기2

const target =['a','b','c','d','e'];
target.push('t');
console.log(target);

 

배열 메서드


  • 배열의 요소 수정하기
const target = ['가','나','다','라','마'];
target[3]='카'
console.log(target);

  • 배열의 요소 삭제하기
const target = ['가','나','다','라','마'];
target.pop();
console.log(target);

 

  • 배열의 중간 요소 삭제하기
const target = ['가','나','다','라','마'];
target.splice(1,1);
console.log(target);

 

인덱스 1에 1개의 요소를 지워라

 

const target = ['가','나','다','라','마'];
target.splice(2,0,'바');
console.log(target);

 

요소를 지우지 않고 중간에 추가할 수도 있다.

 

  • 배열요소 찾기(검색기능)
const target = ['가','나','다','라','마'];
const result1 = target.includes('다');
const result2 = target.includes('카');
console.log(result1);
console.log(result2);

  • 인덱스 검색하기
const target = ['가','나','다','라','마'];
const result1 = target.indexOf('다');
const result2 = target.lastIndexOf('라');
const result3 = target.indexOf('가');
console.log(result1);
console.log(result2);
console.log(result3);


배열 메서드 응용하기

다음 배열에서 '라'를 모두 제거하세요. 

indexOf와 splice를 사용

 

'모두' 가 들어있으면 반복문으 사용한다.

중복을 없애고 싶다면 변수선언하고 라를 제거한다.

 


배열 at 메서드

at 메서드는 배열에서 사용 가능하다.

배열의 특정 위치의 요소를 가져오는 역할을 함

특징은 -를 넣을 수 있는데 -를 넣으면 뒤에서 부터 센다.

단, 대입연산자가 있으면 -를 못 쓴다.

 

 

728x90
반응형