Array

Hunter_Joe·2023년 4월 1일
0

JavaScript

목록 보기
10/10
post-thumbnail

Array

  • 변수를 선언하고 [ ]안에 차례로 나열
  • 배열은 문자 뿐만 아니라 숫자, 객체, 함수 등도 포함할 수 있음
const coins = [
  "BTC",   // 0
  "ETH",   // 1
  "BNB",   // 2
  "AVAX",  // 3
  "ATOM",  // 4
];

console.log(coins);
*index

console.log(coins[0]); // BTC
console.log(coins[1]); // ETH
  • 배열은 각각의 index를 가짐 : 0~n

Array 수정

const coins = [
  "BTC",   
  "ETH",  
  "BNB",  
  "AVAX", 
  "ATOM", 
];

coins[0] = "FTM";
console.log(coins[0]); // FTM

EXAMPLE 1.1

* 다양한 자료형이 들어간 배열

let arr = [
  '철수',
  3,
  false,
  {
    name : "Joe",
    age : 26,
  },
  function(){
    console.log("Hello")
  },
];

.length : 배열의 길이

const coins = [
  "BTC",   
  "ETH",  
  "BNB",  
  "AVAX", 
  "ATOM", 
];

coins.length; // 5

Array Method

.push

let oneWeek =['Mon', 'Tue', 'Wed', 'Thu', "Fri"] 

oneWeek.push('Sat');

console.log(oneWeek)
// 0: "Mon"
   1: "Tue"
   2: "Wed"
   3: "Thu"
   4: "Fri"
   5: "Sat"
  • .push : 배열 에 요소 추가

.pop

let oneWeek =['Mon', 'Tue', 'Wed', 'Thu', "Fri"] 

oneWeek.pop();

console.log(oneWeek)
// 0: "Mon"
   1: "Tue"
   2: "Wed"
   3: "Thu"
  • .pop : 배열 요소를 제거

.unshift

let oneWeek =['Mon', 'Tue', 'Wed', 'Thu', "Fri"] 

oneWeek.unshift('Sun','Sat');

console.log(oneWeek)
//  0: "Sun"
    1: "Sat"
    2: "Mon"
    3: "Tue"
    4: "Wed"
    5: "Thu"
    6: "Fri"
  • unshift : 배열 처음에 요소 추가

    .shift

let oneWeek =['Mon', 'Tue', 'Wed', 'Thu', "Fri"] 

oneWeek.shift();

console.log(oneWeek)
//  0: "Tue"
    1: "Wed"
    2: "Thu"
    3: "Fri"
  • 배열 처음 요소 삭제

Loop : for

let days =['Mon', 'Tue', 'Wed']

for(let i = 0; i < days.length; i++) {
	console.log(days[i]);
} // Mon
Tue Wed
  • 배열을 쓰는 가장 큰 이유 중 하나는 반복을 위해서
  • length로 배열의 길이를 알 수 있으므로 for..문을 사용할 수 있다

Loop : for ... of

let days =['Mon', 'Tue', 'Wed']

for(let day of days) {   ..//day는 아무거나 써도 무방 
	console.log(day);    ..//가독성을 위해 day로 작성한 것
} // Mon Tue Wed
  • 객체를 순회하는 for..in과 헷갈리지 않게 주의
  • 배열도 객체형이기 때문에 for..in을 쓸수 있지만 장점 < 단점이 많다
profile
hunting season

0개의 댓글