4 数组和对象
在JS中创建数组非常简单. 直接[ ]即可. 也可以用正规军的new Array(). 不过效果都是一样的.
|
|
var as = [11,22,33,44,55]; |
|
|
var bs = new Array(11,22,33,44,55); |
数组的常用操作:
|
|
arr.length; |
|
|
arr.push(data); |
|
|
arr.pop(); |
|
|
arr.shift() |
|
|
|
|
|
|
|
|
arr.forEach(function(e, i){ |
|
|
console.log(i+"__"+e); |
|
|
}); |
|
|
arr.join("连接符"); |
在JS中创建一个对象非常容易. 和python中的字典几乎一样{ }:
|
|
var p = { |
|
|
name: "wf", |
|
|
age: 18, |
|
|
wife: "zzy", |
|
|
|
|
|
chi: function(){ |
|
|
console.log("吃饭") |
|
|
} |
|
|
}; |
使用对象
|
|
p.name |
|
|
p.age |
|
|
p['wife'] |
|
|
p.chi() |
|
|
p['chi']() |
从上述内容中几乎可以看到. JS对象的使用几乎是没有门槛的. 十分灵活
|
|
for(var n in p){ |
|
|
if(typeof(p[n]) != 'function'){ |
|
|
console.log(p[n]) |
|
|
} |
|
|
} |
|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>数组和对象</title> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<script src = "数组和对象.js"></script> |
|
|
|
|
|
</body> |
|
|
</html> |
|
|
|
|
|
var arr = [11, 22, 33, 44, 55, 66]; |
|
|
|
|
|
console.log(arr.length); |
|
|
|
|
|
arr.push(77) |
|
|
|
|
|
console.log(arr.pop()); |
|
|
|
|
|
console.log(arr.shift()); |
|
|
|
|
|
|
|
|
arr.forEach(function(e){ |
|
|
console.log(e); |
|
|
}); |
|
|
|
|
|
|
|
|
console.log(arr.join('|')); |
|
|
|
|
|
|
|
|
var p = { |
|
|
name: 'wf', |
|
|
age: 20, |
|
|
wife: 'zzy', |
|
|
chi:function () { |
|
|
console.log("吃饭") |
|
|
} |
|
|
} |
|
|
|
|
|
console.log(p.name); |
|
|
console.log(p.age); |
|
|
console.log(p.wife); |
|
|
console.log(p.chi()); |
|
|
console.log(p['chi']()); |
|
|
|
|
|
for (var n in p){ |
|
|
if (typeof (p[n]) != 'function'){ |
|
|
console.log(p[n]); |
|
|
} |
|
|
} |
代码的效果图如下：
