2030 Engineer

JS 배열 본문

WEB/JS

JS 배열

Hard_Try 2021. 1. 4. 22:59

배열로 저장된 객체 for 문으로 출력

let dataType = ['number', 'string', 'boolean', 'null', 'undefined', 'object'];

for (i in dataType) {
  console.log(dataType[i]);
}

//또는

for (let i = 0; i < 6; i++) {
  console.log(dataType[i]);
}

배열 섭씨 화씨 변환 예시

let celsiusTemps = [27, 25, 26, 22, 28, 27, 21];
let fahrenheitTemps = []

// 여기에 코드를 작성해 주세요.
for (let i = 0; i < celsiusTemps.length; i++) {
  fahrenheitTemps[i] = (celsiusTemps[i] * 9 / 5) + 32;
}

// fahrenheitTemps 테스트
console.log(fahrenheitTemps);


splice() 사용 예시

let fruits = ['레몬', '토마토', '딸기', '바나나'];
let ages = [20, 24, 25, 29, 30, 33];
let numbers = [];

// fruits 배열에 '토마토'를 삭제하고 그 자리에 '사과', '청포도' 를 추가해 주세요.
fruits.splice(1, 1, '사과', '청포도');

// fruits 배열의 첫 번째 요소를 삭제해 주세요.
fruits.splice(0, 1);

// ages 배열에 마지막 요소를 삭제해 주세요.
ages.splice(-1, 1);

// ages 배열의 2번, 3번 인덱스를 26, 28로 변경해 주세요.
ages.splice(2, 2, 26, 28);

// numbers 배열에 1, 2, 3, 5, 8, 9를 순서대로 추가해 주세요.
numbers.splice(0, 0, 1, 2, 3, 5, 8, 9);

// 반복문을 활용해서 numbers 배열의 요소들 중 홀수를 모두 삭제해 주세요.
for(let i = 0; i < numbers.length;) {
  if(numbers[i] % 2 == 0) {
    i++;
    continue;
  } else {
    numbers.splice(i, 1);
  }
}

// 테스트 코드
console.log(fruits[1]);
console.log(fruits[0]);
console.log(ages[ages.length - 1]);
console.log(ages[3]);
console.log(numbers[3]);
console.log(numbers);

다양한 배열 메소드

// 배열의 첫 요소를 삭제 : shift()
members.shift();

// 배열의 마지막 요소를 삭제 : pop()
members.pop();

// 배열의 첫 요소로 값 추가 : unshift(value)
members.unshift('anyName');

// 배열의 마지막 요소로 값 추가 : push(value)
members.push('anyName');

배열에서 특정 값 찾기 (indexOf / lastIndexOf)

let brands = ['Google', 'Kakao', 'Naver', 'Kakao'];
// 인덱스 위치 찾기
console.log(brands.indexOf('Kakao'));
console.log(brands.indexOf('Daum'));

// 탐색을 뒤에서 부터 탐색하여 인덱스 위치 리턴
console.log(brands.lastIndexOf('Kakao'));
console.log(brands.lastIndexOf('Daum'));

배열에서 특정 값이 있는지 확인하기 (includes)

let brands = ['Google', 'Kakao', 'Naver', 'Kakao'];
console.log(brands.includes('Kakao')); // true
console.log(brands.includes('Daum')); // false

배열 뒤집기 (reverse)

let brands = ['Google', 'Kakao', 'Naver', 'Kakao'];
console.log(brands); // ["Google", "Kakao", "Naver", "Kakao"]
brands.reverse();
console.log(brands); // ["Kakao", "Naver", "Kakao", "Google"]

'WEB > JS' 카테고리의 다른 글

인터렉티브 JS  (0) 2021.01.04
JS 자료형 심화  (0) 2021.01.04
JS 객체  (0) 2021.01.04
JS 제어문  (0) 2020.12.30
JS 추상화  (0) 2020.12.28
Comments