References


javascript-배열을-스택처럼-다루기




Functions


var arr = [1, 2, 3];


//배열의 첫번째 원소 제거. (첫번째 원소 값을 리턴)

var head = arr.shift();          


//배열의 맨 앞에 1 추가.

arr.unshift(1);


//배열의 맨 뒤에 2 추가.

arr.push(2);


//배열의 마지막 원소 제거. (마지막 원소 값을 리턴)

vat tail = arr.pop();

반응형


Source


var s = 'abcABC';


var temp = s.split('');

s = temp.sort().reverse().join('');




Descriptions


.split()

string을 array로 변경


.sort()

배열을 정렬


.reverse()

정렬된 배열의 순서를 뒤집기


.join()

array타입을 string으로 변경

반응형


References


https://msdn.microsoft.com/ko-kr/library/7df7sf4x(v=vs.94).aspx

[자바스크립트] 동일한 단어를 문자열에서 찾기, Match() 함수


Sources


var src = "azcafAJAC";


var re = /[a-c]/;


var result = src.match(re);


// The entire match is in array element 0.

document.write(result[0] + "<br/>");


// Now try the same match with the global flag.

var reg = /[a-c]/g;

result = src.match(reg);



// The matches are in elements 0 through n.

for (var index = 0; index < result.length; index++)

{

    document.write ("submatch " + index + ": " +  result[index]);

    document.write("<br />");

}




Syntax


stringObj.match(rgExp) 


1. stringObj : 문자열

2. rgExp : 정규식 혹은 찾고자 할 문자열




Example


1. 

var str = 'red is impressive.'

str.match('red');


2.

var test  = 'love you. love me. love everything!'
var regExp = /love/gi;
test2 = test.match(regExp);


반응형

references : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter



Source


var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];


const result = words.filter(word => word.length > 6);


console.log(result);


// expected output: Array ["exuberant", "destruction", "present"]



Example


function isBigEnough(value) {

  return value >= 10;

}

var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);

// filtered: [12, 130, 44]


반응형



1. opener.parent.location=’YOURURL’;



2. opener.parent.location.reload();




1, 2의 스크립트 이후 다음 스크립트를 실행하면


window.opener = self;

self.close();


팝업창이 닫히기 전에 부모창을 새로 고침 한 후 닫을 수 있다.




※ 2번방법으로 새로고침을 시도할 경우 아래와 같은 오류가 발생 할 수도 있다.

"웹페이지를 다시 표시하려면 인터넷익스플로러에서 이전에 전송한 정보를 다시 전송해야 합니다."


반응형



개발중 IE에서 호환성보기로 하는 경우에만 발생하던 문제.



일반적으로 window.open()은 다음과 같이 사용된다.


window.open(urlstring, wname, wfeatures)


일단 겪었던 문제의 원인은 위의 사용법에서 wname 으로 인해 발생됬던 문제.



결론은 IE의 낮은버전에서 사용할 때 wname에 공백(' ')이나 언더바('_')가 존재하면 에러가 발생한다,




참조 : ie8 var w= window.open() - “Message: Invalid argument.”

반응형


1. 부모창에서 변수 선언


<script type = "text/javascript">

var titleType = "temp";

</script>




2. 자식창에서 opener사용


<script type="text/javascript">

var titleType = opener.document.getElementById("titleInfo");

</script>






반응형


indexOf를 이용하면 포함여부를 알 수 있다.


var stringA = "abcdefghijklmn";

var stringB = "efg"


if(srtingA.indexOf(stringB) != -1) {

//Found

//문자열을 찾으면 해당 문자열이 몇번쨰에 위치해있는지 알려준다.

}

else{

//Not found

//문자열을 못찾으면 -1을 리턴한다.

}

반응형



XHR요청을 서버에 보내면 서버에서 처리에 따른 응답을 클라이언트에서 확인 할 수 있다.




1. readyState


    • 0 : uninitialized
    • 1 : loading
    • 2 : loaded
    • 3 : interactive
    • 4 : complete


2. status


    • 200 : OK
    • 404 : Not found
    • 500 : Internal server error


반응형

<Script Language="JavaScript">

    function ClosePopup(){

   /* IE 버전정보 */

        if(navigator.appVersion.indexOf("MSiE 7.0") >= 0 ){

            window.open('about:blank','_self').close();

        }else{

            window.opener = self;

            self.close();

        }

    }

</Script>

반응형

+ Recent posts