오늘은 공부 중/자바스크립트

[Javascript] typeof 그리고 배열 / Form Data /join, split

이도토리 2021. 9. 8. 09:04

https://cimfalab.github.io/deepscan/2016/07/typeof

 

typeof 연산자의 잘못된 사용

JavaScript에서 typeof 연산자의 잘못된 사용례를 알아봅니다.

cimfalab.github.io

객체가 배열인지 판단하기 위한 코드로서 “Array” 혹은 “array”로 비교하는 경우가 종종 발견됩니다.

하지만 typeof의 반환 값에는 “Array” 혹은 “array”가 없습니다. (MDN을 참고하세요.)

따라서 객체가 배열인지 체크를 위해서는 Array.isArray() 혹은 jQuery, underscore 등의 라이브러리에서 제공하는 배열 체크 함수를 사용해야 합니다.

 

 

https://2ham-s.tistory.com/307

 

[JavaScript]Form Data란?

FromData란 ajax로 폼 전송을 가능하게 해주는 FormData 객체입니다. 보통은 Ajax로 폼(form 태그) 전송을 할 일이 거의 없습니다. 주로 JSON 구조로 "KEY-VALUE" (키와 값) 구조로 데이터를 전송합니다. 하지만

2ham-s.tistory.com

보통은 Ajax로 폼(form 태그) 전송을 할 일이 거의 없습니다.

주로 JSON 구조로 "KEY-VALUE" (키와 값) 구조로 데이터를 전송합니다.

 

하지만,

form전송이 필요한 경우가 있는데, 이미지를 ajax로 업로드할 때 필요합니다.

이미지는 base64, buffer, 2진 data 형식으로 서버로 전송해도 됩니다.

 

하지만 추천 드리는 방법은 input[type=file]을 사용해 form(폼)을 통해서 업로드를 하는 것 입니다.

보통, form을 제출하면 action 속성에 의해 지정한 페이지로 이동하면서 데이터를 전송합니다.

ajax 반대로 제출 버튼을 누르면 기본 폼 동작은 e.preventDefault()  로 멈추고, 페이지 전환 없이 데이터를 전송합니다.

 

페이지 전환 없이 폼 데이터를 제출 하고 싶을 때 바로 FormData 객체를 사용합니다.

 

 

 

https://cloudless.tistory.com/53

 

PHP의 implode와 explode를 자바스크립트에서

1. 배열을 한 문자열 변수로 합치고 싶을때. var arrString = Array('1','2','3','4'); var str = arrString.join("-"); alert(str); // 1-2-3-4 2. 문자열 변수를 배열로 나누고 싶을때. var str= "a-b-c"; var..

cloudless.tistory.com

1. 배열을 한 문자열 변수로 합치고 싶을때.

 

var arrString = Array('1','2','3','4');

var str = arrString.join("-"); 

alert(str); // 1-2-3-4

 

 

 

2. 문자열 변수를 배열로 나누고 싶을때.

 

var str= "a-b-c"; 

var arrString = str.split("-"); 

alert(arrString[0]); // a

alert(arrString[1]); // b

alert(arrString[2); // c



출처: https://cloudless.tistory.com/53 [CloudLess]

php의 implode, explode와 같은 기능.