js 배열

배열은 하나 이상의 값을 가질 수 있다.

-배열 만들기
1.
const food = ["pizza", "pasta" ];
2.
const food = [];
food[0] = "pizza";
food[1] = "pasta";
3.
const cars = new Array("pizza","pasta");

-배열 접근 방법
배열도 객체이지만 객체 접근이 아닌, 인덱스로 접근한다.
const person = ["john", 20];
이 때, john을 프린트하는 법은 person[0] 이다 . 

js에서 객체로 접근할 때랑 다르다.
const person = {name : "john" , age : 20};
person.name;

마지막 배열 접근법
const food = ["pizza","pasta"];
let choose = food[food.length-1];


-배열 for문 사용하기

const food = ["pizza","pasta"];
//1.길이 체크 
let flen = food.length;
//2.보기 편하기 위해 리스트로 만들어줌 
let text = "<ul>";
//3.for문 만들기
for(let i = 0; i<flen; i++){
text += "<li>" + food[i] + "</li>";
}

text += "</ul>";

 

-배열 forEach문 사용하기

const food = ["pizza","pasta"];

//1.보기 편하게 하기 위해 ul에 넣어줌

let text = "<ul>";

//2.food라는 배열을 foreach문에 넣음. 메소드 안에는 내가 만들 함수를 넣어준다. 

food.forEach(myFunction);

text +="</ul>";

//3.foreach문에 넣은 함수 만들기 

function myFunction(value){

text += "<li>"+value+"</li>";

}

 

 

-배열에 요소 넣기 

const food = ["pizza","pasta"];

food.push=["lemon"]; // food배열에 lemon이 추가됨

 

객체와 배열의 다른점

객체는 변수 이름으로 인덱스 값을 가져올 수 있지만 배열은 숫자로된 인덱스로만 값을 가져올 수 있다.

 

배열도 new를 사용하여 만들 수 있지만 보통 쓰지 않음 

const points = new Array(40);

-> ............... undefined된 요소들이 40개 나옴

const points = [40];

-> 40이 나옴