Convert Java List To Javascript Array

MUAZHAN

3 min read

·

Jun 27, 2024

37

Share

Mengonversi Java List ke Javascript Array

Dalam pengembangan web, seringkali kita perlu berinteraksi antara kode Java di backend dan Javascript di frontend. Salah satu tantangan yang sering muncul adalah bagaimana cara mengonversi data dari Java List ke Javascript Array.

Berikut ini beberapa metode yang bisa Anda gunakan:

1. Menggunakan JSON

Salah satu cara paling umum adalah dengan mengonversi Java List ke JSON string, dan kemudian diubah kembali ke Javascript Array di frontend.

Kode Java:

import com.google.gson.Gson;
import java.util.List;

public class Main {

    public static void main(String[] args) {
        List javaList = List.of("Apple", "Banana", "Cherry");

        Gson gson = new Gson();
        String jsonString = gson.toJson(javaList);

        System.out.println(jsonString); // Output: ["Apple", "Banana", "Cherry"]
    }
}

Kode Javascript:

const jsonString = '["Apple", "Banana", "Cherry"]';
const jsArray = JSON.parse(jsonString);

console.log(jsArray); // Output: ["Apple", "Banana", "Cherry"]

2. Menggunakan Servlet

Anda juga dapat menggunakan servlet untuk mengirim data Java List langsung ke frontend dalam format Javascript Array.

Kode Java (Servlet):

import java.io.IOException;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/convert")
public class ConvertServlet extends HttpServlet {

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        List javaList = List.of("Apple", "Banana", "Cherry");
        response.setContentType("application/json");
        response.getWriter().write("[" + String.join(",", javaList) + "]");
    }
}

Kode Javascript:

fetch('/convert')
  .then(response => response.json())
  .then(jsArray => console.log(jsArray));

3. Menggunakan Library Eksternal

Terdapat beberapa library eksternal yang dapat membantu Anda dalam proses konversi ini, seperti:

• Jackson: Library ini dapat mengonversi Java List ke JSON string dengan mudah.
• Gson: Library ini juga populer dalam mengonversi data Java ke JSON.
• Fastjson: Library ini dikenal dengan kecepatannya dalam memproses data JSON.

Tips Tambahan:

• Pastikan Anda menggunakan library JSON yang sesuai dengan framework Java yang Anda gunakan.
• Gunakan metode yang paling efisien dan sesuai dengan kebutuhan project Anda.
• Validasi data sebelum mengonversinya untuk memastikan data yang diterima oleh Javascript valid.

Dengan memahami berbagai metode konversi ini, Anda dapat dengan mudah berinteraksi antara Java List dan Javascript Array dalam pengembangan web Anda.