基本数据类型和引用数据类型的认识
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="one">123</div>
</body>
<script type="text/javascript">
//值的赋值
var i= 10;
var j = i;///基本数据类型是值的复制
i = 11;
console.log(i);//11
console.log(j);//10
var obj = {name:'lucy'};
var obj2 = obj;//引用数据类型地址的复制
obj2.name = 'lily';
console.log(obj2.name);//lily
console.log(obj.name);//lily
var arr = [4,8];
var arrone = arr;
arr[0] = 5;
console.log(arrone);
console.log(arr)
//基本数据类型不能添加属性
var t = 10;
t.index = 100;
console.log(t.index);//undefined;
//引用数据类型添加属性
var oDiv = document.getElementById('one');
oDiv.index = 100;
console.log(oDiv.index);
//以上这些和数据类型是有关系的
//基本数据类型：Number,String,Boolean,undefined,Null;
//引用数据类型：Object,Arry,Function,Date;
//更多有关基本数据类型和引用数据类型的区别：https://www.cnblogs.com/cxying93/p/6106469.html
</script>
</html>
对象的基本概念
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
<script type="text/javascript">
var person = {
name:'老三',
sex:'男',
age:42,
sing:function(){
console.log('hahaha');
},
run:function(){
console.log('跑10000m')
}
}
console.log(person);
person.sing();
person.run();
//对象静态属性的添加
person.height = '180cm';
console.log(person['height']);
console.log(person.height)
console.log(person);
//对象动态属性的添加
person.talking = function(){
console.log('说话了')
}
person.talking();
console.log(person);
// js对象 由无序的键值对集合组成 {k:v,k:v,k:v,....}
//访问对象的内部属性 如下两种方式
console.log(person['height']);
console.log(person.height)
</script>
</html>
json数据类型的认识
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
<script type="text/javascript">
var person = {
'name':'老三',
'sex':'男',
'age':42,
'sing':function(){
console.log('hahaha');
},
'run':function(){
console.log('跑10000m')
}
}
// json 一种标准的数据交换格式 属性必须用双引号引起来
//for in 循环
//访问对象的内部属性 对象['属性名']或者 对象.属性名 或者 对象[代表属性名的变量],不能对象.代表属性的变量这个样子
for(var k in person){
console.log(k+'=>'+person[k]);
}
// k代表属性 person[k] 代表属性k对应的属性值
</script>
</html>
json数据对象的读取
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
ul,ol{
list-style: none;
}
</style>
</head>
<body>
<ul id="test">
</ul>
</body>
<script type="text/javascript">
var jsonone = {
'name':['小王','小李','小赵','大三'],
'age':['20','30',40,50]
}
for(var k in jsonone){
for(var i = 0;i<jsonone[k].length;i++){
console.log(jsonone[k][i]);
}
}
// 定义一种数据结构 存储四个用户信息 四个用户可以用数组存储 每个用户可以用json格式表示
var user = [{
"uname":"user1",
"psw":"1111"
},{
"uname":"user2",
"psw":"2222"
},{
"uname":"user3",
"psw":"3333"
},{
"uname":"user4",
"psw":"4444"
}];
var oul = document.getElementById('test');
for(var i = 0;i<user.length;i++){
var oli = document.createElement('li');
oli.innerHTML = '用户名'+user[i].uname+'密码'+user[i].psw;
oul.appendChild(oli);
}
</script>
</html>
网友评论