JavaScript
-
[JS] 여러값 returnJavaScript 2022. 5. 6. 11:41
함수에서 여러 값 반환하기 일반적으로 생각하는 반환값은 어떤식의 결과나, 변수의 데이터 등 하나의 값만 return한다. 그렇다면 함수에서 여러개의 값을 return하고 싶을때 방법은? 1. 배열로 리턴 # 배열로 리턴 let newCodes = function(data) { let dCodes = ''; let VALIDATE = true; if(data 20) { dCodes = data + '값이 이상수치입니다.' VALIDATE = false; } return [dCodes, VALIDATE]; } # 접근 let codes = newCodes(22); let dCodes = codes[0]; // 22값이 이상수치입니다. let VALIDATE = codes[1]; //..
-
[JS] split() 문자열 분할JavaScript 2022. 5. 3. 12:48
.split() 이란 문자열을 분할하는 메서드 입니다. 문법 string.split( separator, limit ) separator에는 분할의 기준을 넣는다. ex) 쉼표를 기준으로 분할 ' , ' limit은 최대 분할개수를 정한다. 값을 정하지 않으면 전체를 다 분할 let data = 'red,yellow,green' let jbSplit = data.split(',') for(let idx in jbSplit){ console.log(jbSplit + '\n') } ----------------------------------------- red yellow green 여러 구분자로 문자열 자르기 | (파이프라인) 넣기 let data = 'red,yellow_green' let jbSpli..
-
[JS] window.locationJavaScript 2022. 3. 30. 15:26
window 인터페이스는 DOM문서를 담은 창을 나타낸다. window 인터페이스는 다양한 함수, 이름공간, 객체, 생성자가 머무는 장소이다. 그 중엔 사용자 인터페이스로서의 창 개념과는 직접 관련되지 않은 것도 존재하며, 대신 전역적으로 접근할 수 있어야 하는 항목에 적합합니다. 많은 수의 항목이 JavaScript 참고서와DOM 참고서에 문서화되어 있다. 예제 도메인) http://www.google.com:8080/search?type=post#test Properties Property Example Description hash #test 주소값에 붙어있는 anchor값 반환 host www.google.com:8080 URL 도메인과 포트반환 hostname www.google.com URL ..
-
[JS] Cross DomainJavaScript 2022. 3. 30. 14:59
크로스도메인은 쉽게 말해서 서로다른 도메인간의 호출이다. 기본적으로 크로스도메인은 허용이 되지 않는다. 보안상의 위험을 바탕으로 외부서버의 요청이 들어오면 에러가 발생한다. JavaScript는 동일출처정책(Same-Origin Policy)를 사용하여 다른도메인의 접근을 차단시켜준다. 크로스도메인을 허용하기 위해서는 동일 출처 정책을 해제해야한다. JavaScript는 동일한 도메인 내에서만 서버요청을 허용한다는 것이다. 예를 들어 google.com 도메인에서 호출된 AJAX는 google.com 도메인 내에 있는 URL만을 호출할 수 있고 google.com 도메인에서 naver.com 의 URL을 AJAX로 호출할 수 없다. 하지만 크로스 도메인을 허용해야 하는 경우가 있다. 예를 들어 하나의 웹..
-
[JS] 서로 다른 객체배열 내 중복객체 찾기JavaScript 2022. 3. 29. 16:37
서로다른 객체배열이 있을때 두객체 배열에 공통적으로 들어있는 객체요소를 찾아내보자 아래와 같이 배열내에 day는 동일하지만 week가 중복된 경우 data를 먼저 가공한다 week에 콤마가 들어있는지 유무에 따라 filter를 사용하여 가공한다 let data = [ { "day": "mon", "week": "오전", }, { "day": "mon", "week": "오전,오후", }, { "day": "tue", "week": "오후", }, { "day": "tue", "week": "오전,오후", }, { "day": "wed", "week": null, }, { "day": "sun", "week": "오후", }, ] let double = data.filter(obj => { return o..
-
[JS] Spread Operator 스프레드 연산자JavaScript 2022. 3. 28. 11:32
ES6에서 도입된 Spread 정리 배열 복사 JavaScript는 배열을 새로운 변수에 할당하면 기존배열을 참조하게 된다. let arr1 = ['red', 'blue']; let arr2 = [...arr1]; arr2.push('orange'); console.log(arr2); // ["red","blue","orange"]; console.log(arr1); // ["red","blue"] 배열 병합 const arr1 = [1,2,3]; const arr2 = [4,5,6]; const arr3 = [...arr1, ...arr2]; console.log(arr3); // [1,2,3,4,5,6]; 객체 특정값 변경 const obj = {name:AMY, age:20, phone:iphone..
-
[JS] map, filter, reduce 정리JavaScript 2022. 3. 4. 14:58
map() map은 배열 내의 모든요소를 돌면서 주어진 함수의 결과를 모아 새로운 배열을 리턴하는 메서드 이다. 결과를 return값으로 추출한다. let arr = ["one", "two", "three", "four", "five", "six", "seven"] let map = arr.map(v => v + 'TEST'); console.log(map); ["oneTEST", "twoTEST", "threeTEST", "fourTEST", "fiveTEST", "sixTEST", "sevenTEST"] ------------------------------------------------------------------------------------ let food = [ {color: "red"..
-
[JS] hasOwnPropertyJavaScript 2022. 3. 2. 16:53
Object.prototype.hasOwnProperty() hasOwnProperty() 메소드는 객체가 특정 프로퍼티를 가지고 있는지를 나타내는 boolean값을 반환한다. 모든 객체는 hasOwnProperty를 상속하는 Object의 자식이다. 이 메소드는 객체가 특정 프로퍼티를 자기만의 직접적인 프로퍼티로서 소유하고 있는지를 판단하는데 사용된다. obj.hasOwnProperty(prop) prop : 테스트 하려는 프로퍼티의 명칭 const object1 = {}; object1.property1 = 44; console.log(object1.hasOwnProperty('property1')); // true console.log(object1.hasOwnProperty('toString'))..