Zugriff auf verschachtelte JavaScript-Objekte und -Arrays über einen String-Pfad

Question

Zugriff auf verschachtelte JavaScript-Objekte und -Arrays über einen String-Pfad

Gefragt el 27 de Juni, 2011: Wann wurde die Frage gestellt
328477 Ansichten: Anzahl der Besuche der Frage
5 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Ich habe eine Datenstruktur wie diese:

var someObject = {
    'part1' : {
        'name': 'Part 1',
        'size': '20',
        'qty' : '50'
    },
    'part2' : {
        'name': 'Part 2',
        'size': '15',
        'qty' : '60'
    },
    'part3' : [
        {
            'name': 'Part 3A',
            'size': '10',
            'qty' : '20'
        }, {
            'name': 'Part 3B',
            'size': '5',
            'qty' : '20'
        }, {
            'name': 'Part 3C',
            'size': '7.5',
            'qty' : '20'
        }
    ]
};

Und ich möchte mit diesen Variablen auf die Daten zugreifen:

var part1name = "part1.name";
var part2quantity = "part2.qty";
var part3name1 = "part3[0].name";

part1name sollte gefüllt werden mit someObject.part1.name Wert, der "Teil 1" ist. Dasselbe gilt für part2quantity, das mit 60 gefüllt ist.

Gibt es irgendwie zu erreichen dies entweder mit reinen Javascript oder JQuery?

Gefragt el 27 de Juni, 2011 von Komaruloh

0 Stimmen

Sie sind sich nicht sicher, was Sie hier fragen? Möchten Sie part1.name abfragen können und den Text "part1.name" zurückerhalten? Oder möchten Sie den in part1.name gespeicherten Wert abrufen?

Kommentiert el 27 de Juni, 2011 von BonyT

0 Stimmen

Haben Sie versucht, etwas zu tun wie var part1name = someObject.part1name; `

Kommentiert el 27 de Juni, 2011 von Rafay

1 Stimmen

@BonyT : Ich möchte someObject.part1.name abfragen und den Wert davon zurückgeben ("Part 1"). Ich möchte jedoch, dass die Abfrage (ich nannte sie "den Schlüssel") in einer Variablen 'part1name' gespeichert wird. Vielen Dank für Ihre Antwort. @3nigma : Das habe ich sicherlich. Aber das ist nicht meine Absicht. Vielen Dank für die Antwort.

Kommentiert el 27 de Juni, 2011 von Komaruloh

Anzeigen 4 weitere Kommentare

Answer 1

5 Antworten

Answer 2

1voto

georgeawg Punkte 47865

AngularJS hat `$scope.$eval`

Mit AngularJS kann man die $scope.$eval Methode, um auf verschachtelte Objekte zuzugreifen:

$scope.someObject = someObject;
console.log( $scope.$eval("someObject.part3[0].name") ); //Part 3A

Weitere Informationen finden Sie unter

AngularJS $scope API-Referenz - $eval

Die DEMO

angular.module("app",[])
.run(function($rootScope) {
     $rootScope.someObject = {
         'part2' : {
              'name': 'Part 2',
              'size': '15',
              'qty' : '60'
         },
         'part3' : [{
              'name': 'Part 3A',
              'size': '10',
              'qty' : '20'
         },{
              name: 'Part 3B'           
         }]
     };
     console.log(
         "part3[0].name =",
         $rootScope.$eval("someObject.part3[0].name")
    );
})

<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app="app"
</body>

Beantwortet el 5 de Marsch, 2020 von georgeawg (47865 Punkte )

Answer 3

1voto

Vincent Punkte 2262

Auf der Grundlage einer früheren Antwort habe ich eine Funktion erstellt, die auch mit Klammern umgehen kann. Aber wegen der Aufteilung gibt es keine Punkte in ihnen.

function get(obj, str) {
  return str.split(/\.|\[/g).map(function(crumb) {
    return crumb.replace(/\]$/, '').trim().replace(/^(["'])((?:(?!\1)[^\\]|\\.)*?)\1$/, (match, quote, str) => str.replace(/\\(\\)?/g, "$1"));
  }).reduce(function(obj, prop) {
    return obj ? obj[prop] : undefined;
  }, obj);
}

Beantwortet el 1 de November, 2017 von Vincent (2262 Punkte )

Answer 4

1voto

sam Punkte 738

Erweiterung von Mohamad Hamouday' Antwort wird fehlende Schlüssel ergänzen

function Object_Manager(obj, Path, value, Action, strict) 
{
    try
    {
        if(Array.isArray(Path) == false)
        {
            Path = [Path];
        }

        let level = 0;
        var Return_Value;
        Path.reduce((a, b)=>{
            console.log(level,':',a, '|||',b)
            if (!strict){
              if (!(b in a)) a[b] = {}
            }

            level++;
            if (level === Path.length)
            {
                if(Action === 'Set')
                {
                    a[b] = value;
                    return value;
                }
                else if(Action === 'Get')
                {
                    Return_Value = a[b];
                }
                else if(Action === 'Unset')
                {
                    delete a[b];
                }
            } 
            else 
            {
                return a[b];
            }
        }, obj);
        return Return_Value;
    }

    catch(err)
    {
        console.error(err);
        return obj;
    }
}

Beispiel

obja = {
  "a": {
    "b":"nom"
  }
}

// Set
path = "c.b" // Path does not exist
Object_Manager(obja,path.split('.'), 'test_new_val', 'Set', false);

// Expected Output: Object { a: Object { b: "nom" }, c: Object { b: "test_new_value" } }

Beantwortet el 31 de Kann, 2019 von sam (738 Punkte )

Answer 5

1voto

Mohamad Hamouday Punkte 1396

Inspiriert durch die Antwort von @webjay: https://stackoverflow.com/a/46008856/4110122

Ich habe diese Funktion erstellt, die Sie verwenden können, um Holen/ Setzen/ Rücksetzen beliebiger Wert im Objekt

function Object_Manager(obj, Path, value, Action) 
{
    try
    {
        if(Array.isArray(Path) == false)
        {
            Path = [Path];
        }

        let level = 0;
        var Return_Value;
        Path.reduce((a, b)=>{
            level++;
            if (level === Path.length)
            {
                if(Action === 'Set')
                {
                    a[b] = value;
                    return value;
                }
                else if(Action === 'Get')
                {
                    Return_Value = a[b];
                }
                else if(Action === 'Unset')
                {
                    delete a[b];
                }
            } 
            else 
            {
                return a[b];
            }
        }, obj);
        return Return_Value;
    }

    catch(err)
    {
        console.error(err);
        return obj;
    }
}

Zur Verwendung:

 // Set
 Object_Manager(Obj,[Level1,Level2,Level3],New_Value, 'Set');

 // Get
 Object_Manager(Obj,[Level1,Level2,Level3],'', 'Get');

 // Unset
 Object_Manager(Obj,[Level1,Level2,Level3],'', 'Unset');

Beantwortet el 29 de November, 2018 von Mohamad Hamouday (1396 Punkte )

Answer 6

1voto

Oboo Cheng Punkte 3900

// (IE9+) Two steps

var pathString = "[0]['property'].others[3].next['final']";
var obj = [{
  property: {
    others: [1, 2, 3, {
      next: {
        final: "SUCCESS"
      }
    }]
  }
}];

// Turn string to path array
var pathArray = pathString
    .replace(/\[["']?([\w]+)["']?\]/g,".$1")
    .split(".")
    .splice(1);

// Add object prototype method
Object.prototype.path = function (path) {
  try {
    return [this].concat(path).reduce(function (f, l) {
      return f[l];
    });
  } catch (e) {
    console.error(e);
  }
};

// usage
console.log(obj.path(pathArray));
console.log(obj.path([0,"doesNotExist"]));

Beantwortet el 23 de Februar, 2018 von Oboo Cheng (3900 Punkte )

Zugriff auf verschachtelte JavaScript-Objekte und -Arrays über einen String-Pfad

Antworten

AngularJS hat `$scope.$eval`

Die DEMO

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

Zugriff auf verschachtelte JavaScript-Objekte und -Arrays über einen String-Pfad

Antworten

AngularJS hat $scope.$eval

Die DEMO

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

AngularJS hat `$scope.$eval`