首页 > 代码库 > JavaScript中数组元素的线性搜索
JavaScript中数组元素的线性搜索
线性搜索：将给定的数组元素一个接一个的与我们需要查找的元素进行比较。
示例：1、该示例通过prompt()函数实现用于输入需要查找的元素。
2、给定一组数组元素
3、将查询结果通过set_innerHTML()函数输出到指定页面标签内。
（注：set_innerHTML()函数弥补JavaScript的innerHTML属性，JavaScript的innerHTML属性不能进行网页交互时输出。即网页交互时使用innerHTML属性JavaScript程序无响应。）
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="file:///E|/dreamweaver workspace/html/innerHTML/innerHTML.js"></script>
<title>数组元素的线性查找</title>
<script>
var numbles = new Array(1,2,3,4,5,6,7,8,9,45,15,41,78,261,35,10);
var index = 0;var flag = 0;
var input = prompt("请您输入想查找的数：","eg:25");
while(flag == 0 ){
if(input == numbles[index]){
flag = 1;
}else{
index= index+1;
if(index >= numbles.length){
flag = 2;
}else{;
};
};
};
/*使用innerHTML获得的js代码是不能被执行的，js只有在页面初次加载的时候才有效。JavaScript的innerHTML不能进行交互吗？*/
if(flag == 1){
//document.getElementById("result").innerHTML = ("您需要寻找的数：" + input + "已找到，且存在目标数组中的索引号为：" + index)
set_innerHTML("result",("您需要寻找的数：" + input + "已找到，且存在目标数组中的索引号为：" + index));
}else{
// document.getElementById("result").innerHTML = ("不好意思！您寻找的数：" + input + "不存在");
set_innerHTML("result",("不好意思！您寻找的数：" + input + "不存在"));
}
</script>
</head>
<body>
<p><span id="result"></span></p>
</body>
</html>
JavaScript中数组元素的线性搜索