180913 TIL Lec1 다각형의 넓이 step2

» 1막, TIL (Today I Learned)

알고리즘

Chrome에서 디버깅

  • 크롬에서 디버깅을 해보기 위해서는 학인해보고 싶은 위치에 아래 명령어를 넣고 디버깅 모드를 돌린다.
    debugger;
    
  • Call Stack과 Scope 패널의 내용을 확인할 수 있다.

  • 좀 더 연습해볼 필요가 있다. 옆 링크에서 예제 소스 연습해보기. 크롬 개발자 도구를 이용한 자바스크립트 디버깅

Array _ forEach, filter (from 자바스크립트 완벽가이드)

forEach()

  • forEach()메서드는 배열을 순회하는 메서드로, 첫 번째 인자를 넘긴 함수를 각각의 원소를 대상으로 호출한다.
//배열에 속한 모든 원소의 합을 계산
var data = [1,2,3,4,5];
var sum = 0;
data.forEach(function(value){
    sum += value;
});
sum //=> 15

//각 원소의 값을 증가
data.forEach(function(v,i,a){
    a[i] = v + 1;
});
data //=> [2,3,4,5,6]

//forEach()는 첫 인자로 전달된 함수를 호출할 때 세 가지 인자를 넘긴다. 각 인자는 배열의 원소 값과, 원소의 인덱스 값, 그리고 그 배열 자체다. 만약 배열의 값만 사용한다면, 인자를 하나만 받는 함수를 작성하면 된다. 나머지 인자는 무시됨 

filter()

  • filter() 메서드는 배열의 일부분을 반환한다. 이 메서드에 전달하는 함수는 조건자 함수여야 한다. (=항상 true or false 값을 반환하는 함수)
a = [5,4,3,2,1];
smallvalues = a.filter(function(x) {return x < 3}); //=> [2,1]
everyother = a.filter(function(x,i ){return i%2 ==0}); //=> [5,3,1]



내 페이스대로! Remember Sara-


9/13(Thu) DONE

  1. 알고리즘 문제 풀기
  2. filter, map, foreach 연습문제 풀어보기
  3. 가능하다면 STEP 2 과제 upload

9/14 (Fri) To-Do

  1. 알고리즘 문제 풀기 (2)
  2. STEP 2 피드백 받으면 수정
  3. 크롬 디버깅 연습(callstack)
  4. Array 매서드 익히기