Array Properties and Technics

Table of contents

1. Array Property
   1. Array length
      1. length
2. Array Technics
   1. Creating an Array
   2. Accessing the Elements
      1. Looping Array Elements
   3. Changing Elements

Array Property

배열에는 정말 좋은 built-in 속성과 메소드가 있음

Array length

length

배열의 길이(배열 요소 수)를 반환

▸ index가 0부터 시작하기 때문에 항상 가장 높은 배열 인덱스보다 하나 이상임

▸ for문으로 요소를 추출할 수 있음

syntax

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length;   // the length of fruits is 4

Accessing the Last Array Element

fruits = ["Banana", "Orange", "Apple", "Mango"];
var last = fruits[fruits.length - 1];

Array Technics

Creating an Array

배열 리터럴을 사용하는 것이 JavaScript 배열을 만드는 가장 쉬운 방법

▸ 줄바꿈과 공백은 규칙만 지킨다면 여러줄에 걸쳐 사용가능

Syntax

Note!

Accessing the Elements

인덱스 번호로 배열 값에 접근하기

▸ 인덱스는 0부터 시작

▸ 배열 전체로 접근하려면 []없이 이름만 사용

syntax

var name = a[0];    //0번째 값 가져오기
var name = a;       //a배열 전체 가져오기

Looping Array Elements

1. length (for loop)

    text = "<ul>";
    for (i = 0; i < fruits.length ; i++) {
      text += "<li>" + fruits[i] + "</li>";
    }
    text += "</ul>";
   

2. Array.forEach()

    var fruits, text;
    fruits = ["Banana", "Orange", "Apple", "Mango"];
   
    text = "<ul>";
    fruits.forEach(myFunction);
    text += "</ul>";
   
    function myFunction(value) {
      text += "<li>" + value + "</li>";
    }
   

Changing Elements

인덱스 번호를 사용하여 액세스한 후 변경

syntax

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Changes the first element of fruits to "Kiwi"