기능이 실장된 함수의 경우 고유한 이름이 있어, el. 함수명()을 호출하면 사용할 수 있다.
그러나 배열의 경우 자료형이기도 해서 고유한 좋은 함수가 많다.
제이퀄리는 each 문자 바 스크립트는 foreach 문이 있다.
엘리먼트(요소)를 선택하는 selector의 경우 실렉터별로 호환되는 버전이 다르기 때문에 selector는 제이콜리를 사용하는 것이 좋다.즉 엘리멘터의 선택은 제이콜리, 값넣기 출력은 JavaScript가 된다.만약 출력문조차 제이콜리의 each 문을 사용한다면, 내함수라는 오류가 나타난다.
1.this와 $(this) 자바스크립트의 this와 제이콜리의 $(this)this는 이벤트 발생한 타겟에 대한 정보를 포함하고 있다.그래서 매우 중요하다. 이를 잘못 사용하거나 활용하지 못하면 each문과 함수의 재미를 느낄 수 없다.반복문 사용 전 this에 대한 each문에서의 파라미터에 대한 필수지식!
JavaScript를 섞어서 써야 할 때는 가져오는 this의 값, each문의 function 파라미터 값을 콘솔에 붙여 보아야 한다.갖고 오는 게 달라
- 배열선언하기 (만들기)
자바스크립트 외에 서버 언어나 다른 언어를 배우신 분들은 모든 객체는 사용 시 new라고 하는 생성자를 이용해서 만든다는 것을 알고 있다.JavaScript 역시 내가 만든 객체를 생성할 때 new라는 단어를 사용한다.배열도 그렇게 쓸 수 있는데 기초공부하는 곳(https://www.w3schools.com/))에서는 굳이 new 쓰지 않고 이를 추천한다.
2. 배열값 넣기 1. 인덱스로 넣기 2. 배열함수로 넣는 경우에 따라 맞는 것을 사용하자
3 . 배열의 출력하기 JavaScript Arrays ❮ Previous Next ❯ JavaScript arrays are used to store multiple values in a single variable . Example var cars = [ ” Saab ” , ” Volvo ” , ” BMW ” ] ; Try it Yourself » What is an Array ? An array is a special variable, which can hold more than one value at a time. If you hach리 글 둘 다… 글 다 안 돼 – have a list of item… www.w3schools.com 함수가 없다고 한다.
JavaScript foreach 잘 될 거야.
제이퀄리의 each 문제 each 문제 elector 안에는 each 함수가 있기 때문에 사용할 수 있다.자바스크립트의 배열은 고유한 배열의 함수이다. each 문은 없다.값을 넣을 때는 each 문을 사용했지만 출력은 foreach 를 사용해야 한다.난 처음에 이걸 모르고 왜 each가 안 될까 하고 시간낭비를 했어.
추가로! 왜 인덱스야?추가. 연관 배열 및 값 가져오기
JavaScript 는 사용할 수 없다.
위와 같이 키와 value가 존재하는 연관 배열을 지원하지 않는다.그래서 다른 언어를 조금 배워서 자바스크립트를 하면 갑자기 지식의 혼란이… 배열을 공부하기 전 자바스크립트의 object(객체)에 대한 선행학습이 필요하다.
그 글 처음 봤을 때 아… 이게 무슨 말이지? 라는 생각이 들었어그래서 오브젝트라는 건지 키 값이 된다는 건지… 어떤 언어로도…그 오브젝트라는 개념이 너무 멀어서 마음에 와닿지는 않지만.. [ ] 안에는 오브젝트도 들어가기 때문에 명명된 인덱스도 사용가능하다는… 말? 똑같다.
[ ] 안에 넣으면 배열되어 불러오기 위해서는 [index]에 가져와야 한다. 문자열 키의 것은 읽을 수 없다.왜냐하면
의문을 갖지 말자.
[ ]에 넣거나 {}바구니에 넣는 것으로 생각하자. ‘배열이라는 단어에 갇히면 안 좋을 것 같아’.
자바스크립트의 자료형을 몰랐던 시절-딱 보고, 아 person 1 [name]으로 가져오면 되는구나! 그러나 그렇지 않았다.그래서 person1.name 이구나!그러나 그렇지 않았다.
person1[0].name이었다.
콘솔에 찍으면 알아 0번이라는 Array 안에 object로 들어있다.그래야 값을 가져올 수 있다. 배열 -> 인덱스로 가져올 객체 -> ‘접근 후 속성명 어떤 언어든 객체의 속성을 가져올 때는 ‘개체명’, ‘속성명’, 함수를 가져올 때는 ‘객체명’. 함수명()이다.
)) el.style.background 엘리먼트 오브젝트 중에는 css 속성 중에 background 속성이 있으므로 이렇게 접근한다. 같은 맥락이라고 보면 된다.따라서 위의 예제에서는 오브젝트 이름 [인덱스] [속성 또는 함수]로 불러와야 한다.