4 JavaScript数组和对象

最新推荐文章于 2024-10-07 09:24:46 发布

生而自由爱而无畏

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量34

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/zhaozhichao58/article/details/132413085

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

4 JavaScript数组和对象

在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中的每一项循环出来. 分别去调用function函数, 会自动的将`数据`传递给函数的第一个参数
arr.forEach(function(e, i){  // 第二个参数是可选的
    console.log(i+"__"+e);
});
arr.join("连接符");  // 使用`连接符`将arr中的每一项拼接起来. 和python中的 "".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, i){     // 第二个参数是可选的
arr.forEach(function(e){     // 第二个参数是可选的
    console.log(e);
});
 
// python中的 "".join()雷同
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]);
    }
}