Access krpano-array from javascript??? SOLVED

Nupsi

Hi,

as Klaus said the krpano-arrays internally normal JS-arrays. But no matter what I try, I can´t access the krpano-array with JS.

Here is what I´m trying to achieve:
in krpano:

Code

set(test,'1-2-3');
txtsplit(get(test),'-',my_array);

Now we have a krpano-array with [1,2,3].

But how can I access this array within JS?
var new_array = krpano.get("my_array"); produces errors all over the place if I try to access this array

indexofrefraction

Zitat von Nupsi

Now we have a krpano-array with [1,2,3]

1. this is wrong... [1,2,3] would be a native javascript array, a krpano array is described here :
https://krpano.com/docu/plugininterface/#array

Zitat von Nupsi

var new_array = krpano.get("my_array");

2. this code is not necessary but the syntax is ok and should not produce errors. $
it must be the context, you're probably mixing js code with krpano action script code (?)
in action script you'd write copy(new_array, my_array);

a global variable (like this array) is stored globally in the krpano object... so it is simple krpano.my_array
console.log(krpano.my_array.getItem(0)); would print the first element to the console
krpano.set(my_var,5); is the same as krpano.myvar = 5; (this is javascript, not action script)

Nupsi

Hi and thanks for the explanation

Unfortunately console.log(krpano.my_array.getItem(0)); just ends up in an error "krpano.my_array not defined"

I really don´t get the difference between the krpano-array and a js-array.
var my_array = krpano.get("my_array");
console.log('MY_ARRAY='+my_array);
shows: MY_ARRAY=[Object object], which seems to me like an array?!

But no matter how I try to access this array:
console.log(my_array[1]);
console.log(my_array.at(1));
the console only reports "undefined".

But if I access the krpano-array directly:
krpano.get("my_array[1].value"); the console returns the correct value at index 1 "17".

There is definitely some misunderstanding on my side

The main reason I want to access the krpano-array directly is that I can use it to filter database-entrys:

Code

const applyFilter = (data, filter) => data.filter(obj =>
	Object.entries(filter).every(([prop, find]) => find.includes(obj[prop]))
	);


	var filter = {[id]:my_array};
						
	result = (applyFilter(data, filter));

Right now I use a workaround with txtsplit, where I loop though the krpano-array and txtadd the values to a var. It´s working but it´s waaay slower and much less elegant

Thanks again, indexofrefraction! I really appreciate your time and help

indexofrefraction

how to work with krpano arrays is explained in the link above
this is the traditional way, i dont know why they were introduced, maybe bc of flash.. anyway, atm txtsplit still creates a krpano array, which is is an object with its own data structure and functions. a native js array wouldnt show as [Object object] in the console! but... if you work in js , you don't need to use txstsplit... why not use the js split function?

btw you don't seem to use the full krpano object... try this:
krpano = krpano.get("global");
console.log(krpano);

Nupsi

Okay...I think I got where my mistake was. From the array-docu:
array.getItem(name or index)
Get an existing array item.
Returns the array item object or null when the items doesn't exist.

So krpano.my_array.getItem(1) does NOT return the value at index 1 but reads the object from the array which contains the value?! Because:
var my_array = krpano.my_array.getArray();
console.log('Value_1='+my_array[1].value);
returns the correct value at index 1.

This array/object/index/value-thingy is really confusing

So I guess with krpano.my_array.getArray() I can transfer the whole krpano-array from krpano to JS.
And with console.log('MY_ARRAY_VALUE='+krpano.my_array.getItem(1).value); I finally get the value at index 1

I really can´t thank you enough for your help, but anyway...THANKS

NUPSI

P.S.: Sorry, I meant the JS split-function which I used like this: const filter_value = krpano_favs.split(',');. And within krpano I used txtadd to create a var which contains the content from the krpano-array as a workaround

indexofrefraction

hey.. yes .. sorry, yes, i forgot that the krpano array item is another object
here an example :

Code

<action name="mytest" type="javascript"  autorun="onstart">
	// this function runs with global scope !
	krpano.set("myvar", "1-2-3");
	console.log("myvar",krpano.get("myvar"));
	console.log("myvar",krpano.myvar); // same as above


	krpano.actions.txtsplit(krpano.get("myvar"), "-", "myarr");
	console.log("myarr",krpano.get("myarr"));
	console.log("myarr",krpano.myarr); // same as above


	console.log("myarr[0]",krpano.myarr.getItem(0));
	console.log("myarr[0]",krpano.myarr.getItem(0).index);
	console.log("myarr[0]",krpano.myarr.getItem(0).value);


	console.log(krpano.myarr.getArray());


	// console.log(krpano);
</action>

Alles anzeigen

[Log] myvar – "1-2-3"
[Log] myvar – "1-2-3"
[Log] myarr – qb {isArray: true, isDynArray: false, createItem: function, …}
[Log] myarr – qb {isArray: true, isDynArray: false, createItem: function, …}
[Log] myarr[0] – Eb {_type: "base", registerattribute: function, registerSetterGetter: function, …}
[Log] myarr[0] – 0
[Log] myarr[0] – "1"
[Log] [Eb, Eb, Eb] (3)

note: getArray() doesn't get you [ "1", "2", "3" ], but only a js array of kprano "base" objects
https://krpano.com/docu/plugininterface/#baseobject

Nupsi

console.log("myarr[0]",krpano.myarr.getItem(0));
console.log("myarr[0]",krpano.myarr.getItem(0).index);
console.log("myarr[0]",krpano.myarr.getItem(0).value);

Those are exactly the problems I had with the array. Did´nt know that the indices and values are inside another object
Thanks again for clearing that out!

note: getArray() doesn't get you [ "1", "2", "3" ], but only a js array of kprano "base" objects
I´ll keep that in mind

Access krpano-array from javascript??? SOLVED

Jetzt mitmachen!

Benutzer online in diesem Thema