My example code is below:
fun main(args: Array<String>) {
val testData = mapOf<String, Any>(
"name" to "albert",
"age" to 26,
"work" to listOf("1", "2", "3")
)
var value = JSON.stringify(testData, { _, value -> value.toString() }, 2)
println(value)
}
The result is "{name=albert, age=26, work=[1, 2, 3]}".
Seems it misses all the double quotes around the property name and string value.
I'm using KotlinJS rather than Kotlin
So, how to solve this?
Actually, you don't get the result of JSON.stringify. Instead, you get result of kotlin.collections.HashMap.toString. The reason is following: you pass the lambda as a second parameter: { _, value -> value.toString() }. This converts your entire map to string, using, toString() function. And HashMap.toString function is defined to generate such string, which is not a JSON string. You should have used JSON.stringify without second and third parameter. However, this won't work as well, producing Uncaught TypeError: Converting circular structure to JSON error. The reason is following: JSON.stringify is not part of Kotlin language, it's just a typed definition of a native browser object, called JSON. HashMap is not an empty JavaScript object, it allows using any types of objects as keys, it exposes Java-like Map API, which is unavailable in JavaScript object. So, HashMap is not suitable for what you doing. There are several solutions:
You can wait until we publish Kotlin multiplatform serilization, see the corresponding discussion. This API is capable of understanding Kotlin clases and converting them to JSON properly.
Don't use Kotlin maps and lists, use native JavaScript entities, like json and pure arrays. Your example can be rewritten the following way:
import kotlin.js.json
fun main(args: Array<String>) {
val testData = json(
"name" to "albert",
"age" to 26,
"work" to arrayOf("1", "2", "3")
)
var value = JSON.stringify(testData)
println(value)
}
Object.keys() or Object.getOwnPropertyNames(), either as inline JS or define these methods as external.kotlin.js.Json, I tried using (data as dynamic).keys(), cause an error: Dynamic types are not allowed in this position :(data.asDynamic().keys(). But this won't work, since keys() is not a member function. You should write something like js("Object.keys(data)") or external class Object { companion object { fun keys(value: Any): Array<String> } } Object.keys(data)This answer comes a few years after the previous accepted answer, but I (who am new to Kotlin) ran into this same problem, and figured out a nice way to achieve this.
and call "stringify" providing your js object. Remember to "toString" at the end
val data: Map<String, Any?> = mapOf() // 1
val export = js("{}") // 2
for (pair: Pair<String, Any?> in data.toList()) { // 3
export[pair.first] = pair.second // 4
}
val jsoner = js("JSON") // 5
return jsoner.stringify(export).toString() // 6
With recent versions of kotlinx-serialization, use encodeToDynamic:
val json = Json.encodeToDynamic(map)
The result is a dynamic that contains the JSON object. There are some limitations of this approach — for example, all map keys must be primitives or enums and Long values have a maximum value. See the docs for more details.
If you wish to simply retrieve a valid JSON string from a Kotlin Map, you can do so using kotlinx.serialization.json:
Json.encodeToString(map)
If you would like to pretty stringify a Kotlin Map, which can be displayed as a pretty JSON in a <pre> tag, you can do:
val jsonString = Json.encodeToString(map) // 1
val jsonObject = JSON.parse<JsonObject>(jsonString) // 2
return JSON.stringify(jsonObject, null, 2) // 3
Map.toString()and then gives this value to jsJSON.stringify, so"{name=albert, age=26, work=[1, 2, 3]}"is not json, but map.toString() andJSON.stringifyjust adds quotes around this string. What you could do is to convert test data with jackson or gson in java and just forget about JSON or you could try github.com/Kotlin/kotlinx.serialization Also take a look at discuss.kotlinlang.org/t/kotlin-serialization/2063/25println(JSON.stringify(testData.toString())), still no quotes. According to the posts you share, seems that built-in serialization things haven't land to KotlinJS world yet. I will look into 3rd party libs as you said, thanks.