사용법에 대하여 (each 와 foreach) JavaScript 및 JQuery 배열

 기능이 실장된 함수의 경우, 고유한 이름이 있으며, el. 함수명() 호출하면 사용할 수 있다.

그러나 배열의 경우는 자료형이기도 하고 고유의 함수가 많다.

제이 쿼리는 each 문자 바스크립트는 foreach 문이 있다.

엘리먼트(요소)를 선택하는 selector의 경우 실렉터별로 호환성 있는 버전이 다르기 때문에 selector는 J쿼리를 사용하는 것이 좋다.즉 엘리멘터의 선택은 제2쿼리, 가격입출력은 JavaScript가 된다.만약 출력문만, 제2쿼리의 each문을 사용하면, 존재하지 않는 함수라고 하는 잘못이 표시된다.

1.this와 $(this) 자바스크립트의 this와 제이콜리의 $(this) this는 이벤트 발생한 목표물에 대한 정보를 담고 있다.그래서 매우 중요하다. 이것을 잘못 가져오거나 활용하지 못하면 each문과 함수의 재미(?)를 느끼지 못한다.반복적으로 문장을 사용하기 전에 this에 대해서 each 문으로부터의 파라미터에 대해서는 필수 지식!

자바 스크립트를 어쩔 수 없이 섞어서 써야 할 때는 가지고 오는 this의 값, each문의 function의 파라미터 값을 콘솔에 찍어 봐야 한다.가져오는 것이 잘못이다.

1) 배열선언을 한다 (만든다)

자바스크립트 외에 서버 언어나 다른 언어를 배운 분(?)은 모든 객체는 사용 시에 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 ? Anarray is a special variable, which can hold more than one value at a time. If you have alist of item. www.w3schools.com 위의 코드는 코드가 아니다.

JavaScriptforeach 、 上手く いく 。

▲제2쿼리의 each 문제=제2쿼리 selector 안에는 each 함수가 있기 때문에 사용할 수 있다.자바스크립트의 배열은 고유한 배열의 함수가 있다. each문은 없다.값을 넣을 때는 each 문을 사용했지만 출력은 foreach 를 사용해야 한다. 처음에는 이것을 모르고 왜 each를 못하는가 하는 생각에 시간을 허비했다.

추가로! 왜 인덱스야?. 관련 배열과 값의 취득

자바스크립트는 사용할 수 없다.

위의 내용과 같이 키와 값이 존재하는 관련 배열을 지원하지 않는다.그래서 다른 언어를 좀 더 배우고 자바 스크립트를 하면 갑자기 지식의 혼란이 온다.(배열을 공부하기 전에 JavaScript의 object(객체)의 선행 학습이 필요하다)

저 문장을 처음 만났을 때 아 이게 무슨 소리지? 라는 생각이 들었다그래서 오브젝트인지 키 값이 되는지… 어떤 언어든…그 오브젝트라는 개념이 너무 멀어서 마음에 와닿지는 않지만..[ ] 안에는 오브젝트도 들어가니까, 명명된 인덱스도 사용가능하다는…말? 같다.

[ ] 안에 넣으면 배열되고 가져오려면 [index]로 가져와야 한다. 문자열 키의 것은, 읽을 수 없다. 왜냐하면,

의문을 갖지 말자.

[ ]에 넣든가 {}바구니에 넣는 걸 생각하자. 배열이라는 단어에 얽매이면 안 좋을 것 같다.

자바스크립트의 자료형을 몰랐던 시절 – 딱 보고 Aperson1 [name]로 가져오면 되는구나! 하지만 그렇지 않았다.그래서 내가 person1.name 이구나!하지만 그렇지 않았다.

person 1 [ 0 ] . name だった 。。

콘솔에 찍어보면 알아.0번이라는 Array 안에 object가 들어가 있다.이런 식으로 해야 값을 가져올 수 있다. 배열 -> 인덱스에서 가져올 객체 → ‘.’, 접근한 후 속성 이름, 어떤 언어에서도 객체의 속성을 불러올 때 ‘개체 이름.”프로퍼티 이름” 함수를 불러올 때는 “객체 이름”. 함수 이름(”)이다.

예) el.style.background 엘리먼트 오브젝트 안에는 css 속성 중에 background 속성이 있으므로 이렇게 접근한다. 같은 맥락이라고 보면 된다.그러므로 위 예제에서는 객체 이름[인덱스][속성 또는 함수]로 호출해야 한다.