검색의 Lenovo 기능

아주 간단한 연상 기능으로 코드를 바로 붙입니다!

$(function () {
    autoThink();
    
})

function autoThink() {
    var productArry = ["iphone6Plus", "mx3", "mx4", "mi3", "mi4", "minote"];
    var showArry = [];
    $("#serach").keyup(function () {
        showArry.splice(0, showArry.length); //  
        var searchVal = $(this).val();
        for (var i = 0; i < productArry.length; i++) {
            if (productArry[i].match(searchVal)) {
                showArry.push(productArry[i]);
            }
        }
        var innerhtml = "";
        innerhtml += "<ul style='list-style:none';font-size:13px>";
        for (var j = 0; j < showArry.length; j++) {
            innerhtml += "<li class='attchColor' onclick='getLi(this)' style=' cursor:pointer;'> " + showArry[j] + "</li>";
        }
        innerhtml += "</ul>";
        $("#autoLi").html(innerhtml);
        $("#autoLi").css("display","block");
    })

    $("#autoLi").focusout(function () {
        $("#autoLi").css("display", "none");
   })
    
        
}

function getLi(obj) {
    $("#serach").val(obj.innerHTML);
}

여기에는 정규 표현식, match()의 사용과 관련된 몇 가지 지식점이 있다.정규 표현식은 내 앞의 문장에 비교적 상세한 설명이 있어서, 여기는 더 이상 군더더기 없이 설명하지 않겠다!
다음은 match();
1. 낡은 규칙 먼저: 정의와 용법
match () 메서드는 문자열 내에서 지정한 값을 검색하거나 정규 표현식의 일치를 찾을 수 있습니다.
이 방법은 indexOf () 와lastIndexOf () 와 유사하지만, 문자열의 위치가 아니라 지정한 값을 되돌려줍니다.
2. 문법:

stringObject.match(searchvalue)
stringObject.match(regexp)

3. 매개 변수

（searchvalue，regexp）
 searchvalue： 。 。
 regexp： 。  RegExp  。  RegExp  ，  RegExp  ，  RegExp  。

4. 인스턴스:
a:

<script type="text/javascript">

var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))

</script>

// Hello world! 

// 
world
null
null
world!

b:

<script type="text/javascript">

var str="1 plus 2 equal 3"
document.write(str.match(/\d+/g))

</script>
// 

// 
1,2,3

설명: 그 중에서 g는 모든 검색에 대한 간단한 정규이다.모르는 것은 내 글을 봐도 된다<JavaScript 독서노트3>의 replace()와 정규 !