[数组作为类javascript中的数据成员

问题描述 投票:3回答:3

我是面向对象javascript的新手,正在尝试定义一个具有数组作为数据成员的类。该类的数据成员将另一个类的对象存储为数组。

此示例将更清楚

function classA(id, objB_01)
{

    this.id = id;   // data member that store a simple value
    this.arrayname = objB_01  // How multiple instance of classB is stored in this array 


}

function classB( id, name, status)
{
     this.id = id;
     this.name = name;
     this.status = status 
}

objB_01 = new classB("01", "john", "single");
objB_02 = new classB("02", "smith" "single");
objB_03 = new classB("03", "nina", "married");

现在我的问题是我如何写classA以便classA的单个实例保存一个数组,该数组存储classB的多个对象

这样的东西

objA = new classA("01",objB_01);
objA.arrayname = objB_02;
objA.arrayname = objB_03;

现在最后,objA包含一个字符串和一个数组,用于存储classB的多个对象

请指出正确的方向

javascript jquery object-oriented-analysis
3个回答
5
投票

一个选项可以是在构造函数中初始化一个空数组,也可以使用一些方法将对象添加到该数组中。

function classA (id) {
    this.id = id;
    this.array = [];

    this.add = function (newObject) {
        this.array.push(newObject);
    };
}

然后您可以执行此操作:

objA = new classA("01");
objA.add(objB_01);
objA.add(objB_02);
objA.add(objB_03);

4
投票

深入研究JavaScript Arrays周围的规格文档可能会有所帮助。

除此之外,要回答有关拥有一个classA的问题,其中单个实例具有多个classB实例的数组-我相信您正在寻找数组方法.push()

同样,您可能希望利用标准的JavaScript重载构造函数模式来增强类定义。

这样的东西

function classA(id, objarray)
{

    this.id = id;   // data member that store a simple value
    this.arrayname = objarray || []; //if objarray isn't passed it'll initiate an empty array 
}
function classB( id, name, status)
{
     this.id = id;
     this.name = name;
     this.status = status 
}

objB_01 = new classB("01", "john", "single");
objB_02 = new classB("02", "smith" "single");
objB_03 = new classB("03", "nina", "married");

var objBarray = [objB_01, objB_02, objB_03];

//now you can use construct & initiate classA in two different ways
//Push each object individually
var objA = new classA("01");
objA.arrayname.push(objB_01);
objA.arrayname.push(objB_02);
objA.arrayname.push(objB_03);

//or push the entire list at once
var objA = new classA("01", objBarray);

0
投票

尝试

        var data = {};

        var classData = function (id, name, status, options) {
            if (options) {
                this.id = options.id;
                this[options.arrayname] = [];
            };
            if (!this.hasOwnProperty("id")) {
                throw new Error("No id set on `classData` array."
                + "Please set `id` for `classData` at `options` object")
            };
            var j = (id && name && status) ? JSON.stringify({
                id: id,
                name: name,
                status: status
            }) : false;
            j ? this[Object.keys(this).filter(function (v) {
                return v !== "id"
            })[0]].push(JSON.parse(j)) : null;
            return this
        }.bind(data);
        // set `id` at `data` , 
        // add first item to `data.arrayname` 
        classData("01", "abc", "single", {"id":"01", "arrayname":"files"});
        // set data at `data`
        classData("02", "def", "married");
        classData("02", "ghi", "single");
        // read `classData`
        console.log(classData());

        var data = {};
        
        var classData = function (id, name, status, options) {
            if (options) {
                this.id = options.id;
                this[options.arrayname] = [];
            };
            if (!this.hasOwnProperty("id")) {
                throw new Error("No id set on `classData` array."
                + "Please set `id` for `classData` at `options` object")
            };
            var j = (id && name && status) ? JSON.stringify({
                id: id,
                name: name,
                status: status
            }) : false;
            j ? this[Object.keys(this).filter(function (v) {
                return v !== "id"
            })[0]].push(JSON.parse(j)) : null;
            return this
        }.bind(data);
        // set `id` at `data` , 
        // add first item to `data.arrayname` 
        classData("01", "abc", "single", {"id":"01", "arrayname":"files"});
        // set data at `data`
        classData("02", "def", "married");
        classData("02", "ghi", "single");
        // read `classData`
        console.log(classData());
© www.soinside.com 2019 - 2024. All rights reserved.