翼度科技»论坛 编程开发 JavaScript 查看内容

4 JavaScript数组和对象

11

主题

11

帖子

33

积分

新手上路

Rank: 1

积分
33
4 数组和对象

在JS中创建数组非常简单. 直接[ ]即可. 也可以用正规军的new Array(). 不过效果都是一样的.
  1. var as = [11,22,33,44,55];
  2. var bs = new Array(11,22,33,44,55);
复制代码
数组的常用操作:
  1. arr.length;  // 数组长度
  2. arr.push(data);  // 添加数据
  3. arr.pop();  // 删除数据, 从后面删除, 并返回被删除的内容
  4. arr.shift()  // 删除数据, 从前面删除, 并返回被删除的内容
  5. // arr中的每一项循环出来. 分别去调用function函数, 会自动的将`数据`传递给函数的第一个参数
  6. arr.forEach(function(e, i){  // 第二个参数是可选的
  7.     console.log(i+"__"+e);
  8. });
  9. arr.join("连接符");  // 使用`连接符`将arr中的每一项拼接起来. 和python中的 "".join()雷同
复制代码
在JS中创建一个对象非常容易. 和python中的字典几乎一样{ }:
  1. var p = {
  2.     name: "wf",
  3.     age: 18,
  4.     wife: "zzy",
  5.     chi: function(){
  6.         console.log("吃饭")
  7.     }
  8. };
复制代码
使用对象
  1. p.name
  2. p.age
  3. p['wife']
  4. p.chi()
  5. p['chi']()
复制代码
从上述内容中几乎可以看到. JS对象的使用几乎是没有门槛的. 十分灵活
  1. for(var n in p){
  2.     if(typeof(p[n]) != 'function'){
  3.         console.log(p[n])
  4.     }
  5. }
复制代码
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>数组和对象</title>
  6. </head>
  7. <body>
  8.    
  9. </body>
  10. </html>
复制代码
  1. // // 数组的常用操作
  2. var arr = [11, 22, 33, 44, 55, 66];
  3. // 数组的长度
  4. console.log(arr.length);
  5. // 数组中添加数据
  6. arr.push(77)
  7. // 数组中删除数据,从后面删除并返回删除的内容
  8. console.log(arr.pop());
  9. // 数组中删除数据,从前面删除并返回删除的内容
  10. console.log(arr.shift());
  11. // arr.forEach(function(e, i){     // 第二个参数是可选的
  12. arr.forEach(function(e){     // 第二个参数是可选的
  13.     console.log(e);
  14. });
  15. // python中的 "".join()雷同
  16. console.log(arr.join('|'));
  17. var p = {
  18.     name: 'wf',
  19.     age: 20,
  20.     wife: 'zzy',
  21.     chi:function () {
  22.         console.log("吃饭")
  23.     }
  24. }
  25. console.log(p.name);
  26. console.log(p.age);
  27. console.log(p.wife);
  28. console.log(p.chi());
  29. console.log(p['chi']());
  30. for (var n in p){
  31.     if (typeof (p[n]) != 'function'){
  32.         console.log(p[n]);
  33.     }
  34. }
复制代码
代码的效果图如下:



来源:https://www.cnblogs.com/zczhaod/p/17639636.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

举报 回复 使用道具