728x90
반응형

JavaScript 9

[Javascript] 문자열 내 초성 검색 하이라이트 효과주기

■ Javascript 문자열 내 초성 검색 하이라이트 효과주기 문자열 또는 문장 내 검색한 초성과 일치하는 단어에 하이라이터 효과 처리 ■ 예제 순서 1. 검색어와 비교문자열 모두 초성으로 변환시킨다. 2. 비교할 문자열에서 검색한 문자열이 포함될 수 있는 위치의 인덱스를 모두 구해온다. 3. 구한 인덱스들을 반복 시키면서 비교문자열에서 해당 인덱스 위치 부터 검색어의 길이만큼 가져온다 -> 초성으로 바꾼 검색어와 같은 문자열이 나옴 4. 검색어가 초성이 아닌 글자의 인덱스를 찾고 5. 초성으로 변환한 비교 문자열의 위에서 나온 인덱스의 문자를 원본 비교문자로 치환 6. 5번 결과의 문자열과 원본 검색어를 비교해 일치 시 반환 ■ 예제 // 문자열 초성으로 변환 function cho(str){ var..

Javascript 2021.11.03

[Javascript] 배열 내 특정값 포함여부 체크 indexOf(), includes()

■ Javascript 배열 내 특정값 포함여부 체크 indexOf(), includes() ■ 설명 indexOf() 배열 내 특정값과 정확하게 일치(===) 하는 첫번째 요소(element)의 인덱스(index)를 리턴함 특정값이 배열 내 없을 경우 "-1"을 리턴함 includes() 배열 내 특정값을 포함하고 있는지 boolean 값을 리턴함 (간단히 값의 유무 확인 시 사용) ■ 예제 var newArr = [0, 1, 2, 3, 4, 5]; // 1. indexOf() console.log(newArr.indexOf(2));// 2 console.log(newArr.indexOf(6));// -1 // 2. includes() console.log(newArr.includes(2));// tr..

Javascript 2021.10.15

[Javascript] 배열을 문자열로 변환, 한줄로 합치기 join(),toString()

■ Javascript 배열을 문자열로 변환, 한줄로 합치기 join(),toString() ■ 사용법 join() * 배열의 각 값들 사이 원하는 구분값으로 변환할 수 있고, 아무것도 전달하지 않으면 콤마(,)로 구분됨 구분값 없이 하나의 문자열로 리턴받고 싶다면 비어있는 문자열 ("") 값을 전달하면 됨 toString() * 배열의 각 값들 사이 콤마(,)로 구분된 하나의 문자열을 리턴

Javascript 2021.08.20

[Javascript] 다차원 배열 정렬 sort()

arrayobj.sort(sortFunction) sort() : 배열 안의 원소를 정렬하는 함수 *참고 - 정렬할 배열의 요소가 2개 미만일 경우 에러발생 (sort is not a function) 1. 문자정렬 var fruit = ['orange', 'apple', 'banana']; /* 일반적인 방법 */ fruit.sort(); // apple, banana, orange 2. 숫자정렬 var score = [4, 11, 2, 10, 3, 1]; score.sort(); // 1, 10, 11, 2, 3, 4 ( ASCII 문자 순서로 정렬되어 숫자의 크기대로 나오지 않음 ) /* 오름차순 */ score.sort(function(a, b) { return a - b; // 1, 2, 3, ..

Javascript 2020.05.12

[Javascript] 부모창에서 자식창 열기, 자식창에서 부모창으로 값 전달 / opener 부모,자식창 데이터 교환

■ Javascript 부모창에서 자식창 열기, 자식창에서 부모창으로 값 전달 / opener 부모,자식창 데이터 교환 부모창에서 팝업으로 자식창을 열었을 때 자식창에서 행해진 Action 에 따라 부모창에 영향을 줘야 하는 경우 Opener를 사용함 Opener 라는 객체는 자신의 부모창의 Window 객체를 참조함 ### 예제 ### 1. 부모창에서 팝업으로 자식창을 오픈 ( 자식창에서 Action 후 돌아오면 completeCallback이라는 function이 실행됨 ) $(document).ready(function(){ parent.init(); }); var parent = { init:function(){ // 팝업창 오픈 $("#OpenBtn").on('click', function(){..

Javascript 2020.05.12
728x90
반응형