How to JavaScript object to Kotlin class?

Question

I want to get a JavaScript object loaded into a Kotlin class. As a safety check, I need to verify that the Kotlin object is actually the class I’ve created because some JavaScript code parts are not my design. I need the JavaScript to return correctly, but I cannot verify the Kotlin class.

e.g.

JavaScript object

<script id="myJS">
function MyClass(id, name){
    var obj = {};
    obj.id = id;
    obj.name = name;

    return obj;
}
var myClass = MyClass(0, "name_0");
</script>

Kotlin class

class MyClass(
            val id: Int,
            val name: String
)

I use this Kotlin code to get JavaScript object on Kotlin.

val myJS: dynamic = document.getElementById("myJS")
val myClass: MyClass = JSON.parse<MyClass>(JSON.stringify(myJS.myClass))//get JavaScript object
println(myClass.id)//success output "0"
println(myClass.name)//success output "name_0"

println(myClass is MyClass)//but check class this output "false"

How can I verify the JavaScript object is the created Kotlin class?

kzm · Accepted Answer · 2018-10-01 20:48:48Z

2

Use JSON.parse from kotlinx.serialization library instead of JSON.parse from Kotlin/JS standard library.

JSON from Kotlin standard library is just a view around JavaScript JSON object . So JSON.parse creates regular JS object without any information about Kotlin type.

Its fine to use it with external classes that can't be type-checked. But your MyClass is a regular class.

Objects constructed from regular Kotlin classes have special metadata which is essential for type checks myClass is MyClass and reflection myClass::class == MyClass::class. And kotlinx.serialization library creates these full-featured Kotlin objects.

answered Oct 1, 2018 at 20:48

kzm

3953 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

tazzledazzle · Accepted Answer · 2018-09-15 04:25:09Z

0

Try this check :

myClass::class == MyClass::class

answered Sep 15, 2018 at 4:25

tazzledazzle

547 bronze badges

4 Comments

iHad 169 Over a year ago

same output "false"

iHad 169 Over a year ago

println(myClass::class)//this output "class Any"

iHad 169 Over a year ago

println(MyClass::class)//this output "class MyClass"

tazzledazzle Over a year ago

Ah, maybe try ::class.java and do the comparison that way. If that doesn’t work you might want to use something like Moshi medium.com/@BladeCoder/…

tomschrot · Accepted Answer · 2018-11-13 12:54:49Z

0

This might be helpful:

class MyClass(val id: Int, val name: String) {
    constructor(obj: dynamic): this(obj.id, obj.name)

    override fun toString(): String = 
        "${this.id} ${this.name}"
}

fun main() {

    val obj  = js("{}")
    obj.id   = 1
    obj.name = "Mike"

    val myObj = MyClass(obj)
    println(myObj)
    println(myObj is MyClass)
}

answered Nov 13, 2018 at 12:54

tomschrot

2591 gold badge2 silver badges5 bronze badges

4 Comments

iHad 169 Over a year ago

I try if then obj.id="Mike" . It will be println(myObj is MyClass) output "true". But, println(myObj.id) output "Mike" and println(myObj.id is Int) output "false". I try if then or obj.id=null . It will be println(myObj is MyClass) output "true". But, println(myObj.id) output null and println(myObj.id is Int) output "false".

tomschrot Over a year ago

Change MyClass primary ctor to null aware fields: class MyClass(val id: Int?, val name: String?) But will have to null check your class members...

tomschrot Over a year ago

p.s. what compiler version are you using, which options?

iHad 169 Over a year ago

Kotlin Compiler Version 1.3

Enaium · Accepted Answer · 2024-04-12 20:22:11Z

0

Use serialization

@Serializable
data class MyClass(val id: Int, val name: String)

Json.decodeFromString(MyClass.serializer(), JSON.stringify(js("{}")))

answered Apr 12, 2024 at 20:22

Enaium

231 silver badge6 bronze badges

Collectives™ on Stack Overflow

How to JavaScript object to Kotlin class?

4 Answers 4

Comments

4 Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related