发帖
翼度科技»论坛 › 编程开发 › 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()  // 删除数据, 从前面删除, 并返回被删除的内容
  6. // arr中的每一项循环出来. 分别去调用function函数, 会自动的将`数据`传递给函数的第一个参数
  7. arr.forEach(function(e, i){  // 第二个参数是可选的
  8.     console.log(i+"__"+e);
  9. });
  10. arr.join("连接符");  // 使用`连接符`将arr中的每一项拼接起来. 和python中的 "".join()雷同
复制代码
在JS中创建一个对象非常容易. 和python中的字典几乎一样{ }:
  1. var p = {
  2.     name: "wf",
  3.     age: 18,
  4.     wife: "zzy",
  6.     chi: function(){
  7.         console.log("吃饭")
  8.     }
  9. };
复制代码
使用对象
  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>
  9.    
  11. </body>
  12. </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());
  12. // arr.forEach(function(e, i){     // 第二个参数是可选的
  13. arr.forEach(function(e){     // 第二个参数是可选的
  14.     console.log(e);
  15. });
  17. // python中的 "".join()雷同
  18. console.log(arr.join('|'));
  21. var p = {
  22.     name: 'wf',
  23.     age: 20,
  24.     wife: 'zzy',
  25.     chi:function () {
  26.         console.log("吃饭")
  27.     }
  28. }
  30. console.log(p.name);
  31. console.log(p.age);
  32. console.log(p.wife);
  33. console.log(p.chi());
  34. console.log(p['chi']());
  36. for (var n in p){
  37.     if (typeof (p[n]) != 'function'){
  38.         console.log(p[n]);
  39.     }
  40. }
复制代码
代码的效果图如下：



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

本帖子中包含更多资源

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

x

上一篇: select2 弹窗中不能输入

下一篇: 3 JavaScript字符串操作

发表于 2023-8-18 22:21:26

举报 回复 使用道具

返回列表 发新帖

Archiver|手机版|小黑屋|翼度科技

Copyright © 2001-2020, Tencent Cloud.　Powered by Discuz! X3.4