ES5 문법 #3 ~ Array

ES5 문법 #2 ~ string

---

Array.isArray() (객체 판단)

var names = ["James", "Jone", "Daniel"]
var obj = {name : "M.Lee", age : 23}

Array.isArray(names)  // return true
Array.isArray(obj)   //return false

 

forEach()

각 배열 요소에 대해 함수 호출.

var numbers = [2, 5, 23, 14];
numbers.forEach(printNumber);

var printNumber(value, index, array){
	console.log(value);
}
//2
//5
//23
//14

Note that the function takes 3 arguments(3개의 인수 사용) :

• The item value
• The item index
• The array itself

값만 사용하는 경우, 나머지 매개변수 생략 가능

 

배열 반복에 대한 추가 정보

JavaScript Array Iteration

 

map()

var numbers1 = [2, 5, 23, 14];
var numbers2 = numbers1.map(addNumber);
//numbers2 = [4, 7, 25, 16];

var addNumber(value, index, array){
	return value + 2;
}

// numbers1의 각 요소를 한번씩 호출하여 값을 변형

Note that the function takes 3 arguments:

• The item value
• The item index
• The array itself

값만 사용하는 경우, 나머지 매개변수 생략 가능

 

Array filter()

var numbers1 = [2, 5, 23, 14];
var numbers2 = numbers1.filter(chechNumber);
// numbers2 = [23, 14]; 

var chechNumber(value, index, array){
	return value > 10;
}

Note that the function takes 3 arguments:

• The item value
• The item index
• The array itself

값만 사용하는 경우, 나머지 매개변수 생략 가능

 

Array Reduce() / ReduceRight()

내 기준 reduce함수는 이해하기 좀 어려웠다.

const nums = [13, 24, 16, 4];
let sum1 = nums.reduce(myNumbers1);  // return 57
let sum2 = nums.reduce(myNumbers2);  // return 13-24-16-4
let sum3 = nums.reduce(myNumbers3);  // return 13
let sum4 = nums.reduce(myNumbers4);  // return 4
let sum5 = nums.reduce(myNumbers1, 100);  // return 157
let sum6 = nums.reduceRight(myNumbers2);  // return 4-16-24-13
let sum7 = nums.reduceRight(myNumbers2);  // return 4-16-24-13

function myNumbers1(total, value, index, array){
	return total + value;
}

function myNumbers2(total, value, index, array){
	return total + '- ' + value;
}

function myNumber3(total, value) {
	return total;
}

function myNumber4(total, value) {
	return value;
}

Note that the function takes 4 arguments:

• The total (the initial value / previously returned value)
• The item value
• The item index
• The array itself

index와 array 는 생략 가능하다. 또한 reduce 함수의 2번째 인자로 값을 줄 경우 시작(default) 을 설정해줄 수 있다.

 

Array every() / some()

const numbers = [13, 24, 16, 4];
let allOver10= numbers.every(test);  // return false
let someOver10 = numbers.some(test);  // return true

function test(value, index, array) {
  return value > 10;
}

Note that the function takes 3 arguments:

• The item value
• The item index
• The array itself

value만 사용하는 경우, 나머지 매개변수 생략 가능

 

Array indexOf() / lastIndexOf()

//array.indexOf(item, start)

const numbers = [13, 24, 16, 4];
var num1 = 24;
var num2 = 4;
var num3 = 5;
var a = numbers.indexOf(num); // a = 1
var b = numbers.indexOf(num2); // b = 3
var c = numbers.lastIndexOf(num); // c = 2
var d = numbers.lastIndexOf(num); // d = 0
var e = numbers.indexOf(num); // e = -1  // not found. 
var f = numbers.indexOf(num2, 2) // f = 3
var g = numbers.indexOf(num, 2)  // g = -1 
var h = numbers.indexOf(num, -2)  // h = -1  
var i = numbers.indexOf(num, -3) // i = 1

문법 : array.indexOf(item, start)

start로 검색 시작 위치를 설정할 수 있음. start에 음수를 넣으면 뒤에서부터 검색.