判断JS对象是否拥有某属性

JavaScript08

判断JS对象是否拥有某属性,第1张

第一种，判断js对象中是否有某个属性

var obj = {test : 'test'}

if('test' in obj){

    console.log('yes')

} else {

    console.log('no')

}

第二种，判断js对象本身是否有某个属性（所谓本身有意思是，必须属性是直接在对象上的，而不是通过原型链上找到的。

var Base = function(){}

Base.prototype.test = 'test'

var obj = new Base()

obj.test2 = 'test2'

if('test1' in obj){

    console.log('yes')

} else {

    console.log('no')

}

if(obj.hasOwnProperty('test2')){

    console.log('own')

} else {

    console.log('none')

}

//用in 操作符，可以判断有没有。 用hasOwnProperty来判断在自身有没有。

JavaScript 是一种脚本语言，主要用在浏览器中，实现对网页的文档对象的操作和一些用户交互动作的处理。

而 jQuery 则是 JavaScript 的一个代码库（或习惯性叫类库），它将一些在 JavaScript 开发中经常用到的功能集合起来，以方便开发者直接使用，而不需要再用原生 JavaScript 语句写大量代码，同时可在不同浏览器间实现一致的效果。是当前最流行的 JavaScript 库之一。

1. jQuery 作为 JavaScript 的代码库，自然是使用 JavaScript 语言编写的。

2. jQuery 的代码非常规范，执行效率也很高，是 JavaScript 编码的优秀范例。

3. 很多情况下，只要使用 jQuery 的方法就可以实现大部分的 JavaScript 功能。

PS：关于程序语言和代码库之间的联系，打个比方，程序语言是原料，代码库则是用原料做成的半成品，而你的程序项目则是成品。你可以选择直接用原料做，也可以选择加入一些半成品。当然用原料做，你可以更自由，而用半成品则效率更高。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<script>

function select(){

var data= document.getElementById("str").value

if (data=="" || data==undefined) {

alert('请输入查询的数据')

}

switch (data) {

case 'a':

window.location.href="\a.html"

break

case 'b':

window.location.href="\b.html"

break

default:

window.location.href="\c.html"

break

}

}

</script>

</head>

<body>

<div>

<input type="text" id="str">

<button onclick="select()">搜索</button>

</div>

</body>

</html>