본문 바로가기
728x90
반응형

전체 글220

[자바스크립트] Array(배열) 객체의 메서드 forEach forEach - for문과 마찬가지로 반복적인 기능을 수행할 때 사용 - 배열 각각의 요소에 대해 반복적으로 실행 - forEach는 기본적으로 함수를 실행하는데 array에 담겨있는 것들 각각에 한번씩 함수를 실행시켜줌 - 다른 것처럼 만들어놓은 함수를 호출하는게 아니라 안에다 바로 만들어서 사용 예제) 홀수배열 만들어보기 const arr = [0,1,2,3,4,5,6,7,8,9,10]; const oddArray = []; arr.forEach(function(element){ if(element%2==1) { oddArray.push(element); } }); console.log(oddArray); // [ 1, 3, 5, 7, 9 ] [출처] yuddomack.tistory.com/entr.. 2021. 1. 27.
[자바스크립트] JSON.stringify( )과 JSON.parse( ) 1) JSON - JavaScript Object Notation의 약자 - 주로 웹서버와의 데이터를 교환할 때 사용됨 2) JSON.stringify( ) 메소드 - JSON.stringify(value) - 인수로 전달받은 자바스크립트 객체를 문자열로 변환하여 반환 - JSON 객체를 String 객체로 변환 - value에는 변환할 자바스크립트 객체를 전달 3) JSON.parse( ) 메소드 - JSON.parse(text) - 인수로 전달받은 문자열을 자바스크립트 객체로 변환하여 반환 - string 객체를 JSON 객체로 변환 - text에는 변환할 문자열을 전달 - JSON.parse()에서 data 변환시, string객체를 변환하는게 아니면 에러메세지가 발생(unexpected token.. 2021. 1. 27.
[퍼온글] 자바스크립트로 할 수 있는 작업 우연히 뭐 찾다가 발견한 블로그인데 자바스크립트로 할 수 있는 것과 관련된 정보를 잘 정리해놓으셔서..ㅎ frontcode.tistory.com/31 [JS] 3. 자바스크립트로 할 수 있는 작업 자바스크립트로 무엇을 할 수 있을까? 자바스크립트는 워낙 다재다능한 언어이기 때문에 여러 분야에 영향을 끼치고 다닙니다. -프로그래밍 공부 다른 타 언어들과 비슷하게 공부할 수 있기 때 frontcode.tistory.com 2021. 1. 27.
[자바스크립트] input에 쓴 text 출력하기 - 로직 (todolist 전단계) input에 이름을 쓰고 엔터를 치면 input 입력칸은 사라지고 이름만 출력되는 시스템 이름은 로컬스토리지에도 저장되므로 새로고침해도 이름이 저장되어있음 이름을 지우고 싶으면 F12에 Application에 LocalStorage에 들어가서 key값 오른쪽 마우스 클릭 1) HTML - 화면구성 2) CSS - 이름이 있는 경우에는 이름을 쓰는 빈칸 input이 사라지도록 설정 .form, .greeting { /* form과 h4를 숨겨놓은 상태 */ display: none; } /* .showing을 클래스에 추가하면 숨겨놓은 것들이 보임 */ .showing { display: block; } 3) JavaScript - HTML과 연결 const form = document.querySelec.. 2021. 1. 27.
[자바스크립트] NaN인지 아닌지 테스트할때 - isNaN () isNaN ( ) isNaN(value) - true 주어진 값이 NaN; 그렇지 않으면 false. - value 값이 NaN이면 true, 그렇지 않으면 false 2021. 1. 20.
[자바스크립트] 함수에서 여러개의 값을 리턴하고 싶을때 1) 배열로 리턴하는 방법 var newCodes = function() { var dCodes = fg.codecsCodes.rs; var dCodes2 = fg.codecsCodes2.rs; return [dCodes, dCodes2]; }; 접근 var codes = newCodes(); var dCodes = codes[0]; var dCodes2 = codes[1]; 2) 객체 프라퍼티로 전달하는방법 var newCodes = function() { var dCodes = fg.codecsCodes.rs; var dCodes2 = fg.codecsCodes2.rs; return { dCodes: dCodes, dCodes2: dCodes2 }; }; 접근 var codes = newCodes().. 2021. 1. 20.
728x90
반응형

티스토리툴바