지금, 개발하기/Javascript17 javascript] 객체 반복문, for문으로 객체에서 key value 꺼내기 javascript를 사용하면 for문을 이용해서 key, value를 꺼내서 사용하는 경우가 많습니다. 그런데 문제가 있습니다. 배열에서는 단순 for문과 for in으로 모두 key, value를 꺼낼 수 있는데, 객체를 다룰 때는 단순 for문이 먹히지 않습니다. 두둥! 주의해야할 게 객체에서는 키와 속성을 꺼낼 때 반드시 'for in'문을 사용해야합니다. 아래 예시를 보시죠 객체의 반복문: for in 아래 예시에서 배열과 객체를 for문으로 출력해보겠습니다. 배열은 순서대로 출력만하면 되니까 순수for문으로 출력이 가능한 걸 볼 수 있습니다. 그러나 객체는 key와 value가 묶어져 있습니다. 그래서 for in문을 돌리면서 원하는 값을 지정해줘야 출력할 수있습니다. Javascript Test 2021. 10. 6. Javascript] JSON과 JavaScript object 차이점 JSON과 JavaScript object 는 비슷하지만 완전히 다른 녀석입니다. 생긴게 비슷하다니보니 이 둘을 헷갈리기 쉬운데요. 엄연히 다른 녀석들이니 차이점을 살펴보도록 하겠습니다. ① JavaScript object : JavaScript Engine 메모리 안에 있는 데이터 구조 ② JSON: 객체의 내용을 기술하기 위한 text 파.일. 예시를 한번 살펴보겠습니다. json변수는 JSON형식으로 쓰여졌고, obj는 JavaScript object 형식으로 쓰여졌습니다. const json=`{"data":[{"name":"jigeam","age":"25", "course":["classA","12:00"]}]}`; const obj = {data:[{name:'jigeam', age: 25, .. 2021. 9. 29. Javascript] 화살표 함수 사용하기 (peat. Array.prototype.some()) 화살표 함수가 참 간단하고 좋은데 연습이 안되면 사용하기가 쉽지 않은 것 같습니다. 간단하게 화살표함수를 연습할 수 있는 코드를 짜보았습니다. 그냥 연습하면 재미없으니까~ 다른 함수를 넣어서 연습해보겠습니다. 이번에는 화살표 함수를 사용하는데 예전에 배웠던 some()메서드를 함께 사용해보겠습니다. Array.prototype.some() : some() 메서드는 배열 안의 모든 요소가 주어진 함수를 만족하는지 테스트하는 함수힙니다. 배열에서 ture(참)인요소를 찾을 때까지 콜백 함수를 실행합니다. 참인 요소를 발견한 경우 some은 즉시 true를 반환하고 끝납니다. 그러나 배열에 참인 요소가 없는경우 즉, 모든 요소가 거짓인 경우에는 false를 반환합니다. 그렇기 때문에 콜백함수를 만족하는 요소가.. 2021. 9. 28. [Javascript] substr(), lastIndexOf() 파일 이름, 확장자 추출하기 파일업로드, 파일다운로드 기능을 구현하다가 보면 '파일의 이름'과 '파일의 확장자'를 따로 추출해서 사용해야하는 경우가 생깁니다. 이럴 때는 어떻게 하면 좋을까요? substr함수와 lastIndexOf함수를 이용하면 쉽게 파일명과 확장자명을 추출 할 수 있습니다. 1. substr() 함수 문자열에서 특정 구간의 문자열을 탐색해서 추출해주는 함수이다. 파라미터로는 탐색구간의 시작인덱스(start index)와 탐색길이(length)를 number로 받는다. 파일 이름 나누기 2. lastIndexOf() 함수 이제 자르는걸 알았으니, lastIndexOf 함수도 같이 적용해보자. lastIndexOf는 파라미터로 받은 문자를 탐색하여, 그 문자가 마지막으로 등장하는 위치에 대한 index를 반환해준다... 2021. 9. 27. 이전 1 2 3 4 5 다음