실버벨의 Stack Overflow

vue js를 하면서 자바 스크립트 함수도 써보니 정말 좋은거 같다.ㅎㅎ

javascript는 기존의 경험했던 c/c++ 보다 문자열조작에 있어서 상대적으로 쉬운것 같다.

- 문자열.split ('element') : element에 따라서 배열을 만들어 준다. 

ex> 'hello my name is eun.'

    => [ "h", "e", "l", "l", "o", " ", "m", "y", " ", "n", "a", "m", "e", " ", "i", "s", " ", "e", "u", "n", "." ]

- 배열.reverse() : 배열의 순서를 바꿔준다.

ex> [ "h", "e", "l", "l", "o", " ", "m", "y", " ", "n", "a", "m", "e", " ", "i", "s", " ", "e", "u", "n", "." ]

     => [ ".", "n", "u", "e", " ", "s", "i", " ", "e", "m", "a", "n", " ", "y", "m", " ", "o", "l", "l", "e", "h" ]

- 문자열.join('element' : char형 배열을 문자열(string)형으로 만들어준다. element값이 배열 중간중간에 들어간다.

ex1>  .join('')

    [ ".", "n", "u", "e", " ", "s", "i", " ", "e", "m", "a", "n", " ", "y", "m", " ", "o", "l", "l", "e", "h" ]

    => .nue si eman ym olleh

ex2> .join('|')

    [ ".", "n", "u", "e", " ", "s", "i", " ", "e", "m", "a", "n", " ", "y", "m", " ", "o", "l", "l", "e", "h" ]

    => .|n|u|e| |s|i| |e|m|a|n| |y|m| |o|l|l|e|h

/*

* 기간 검색 버튼 css 처리

*/

$('.date_search li').on('click', function() {

$('.date_search button').removeClass('on');

var $this = $(this);

$this.find('button').addClass('on');

});