How to Access JSON Array Data

How to access an array in a JSON object?

That's because your base object is an array as well.

console.log(dataJS[0].comments[0]);

I suspect that would work

How to access JSON array values without using index

You could use Array.filter() and Array.map() for this:

filtered_events = event_data.filter(event => (event.State === "PR"));
pr_list = filtered_events.map(event => event.EventName);

Regarding your existing code - you have a typo:

if (state_data = "PR") { ... }

should be:

if (state_data === "PR") { ... }

(more info on MDN)

Accessing data from a json array in python

The error message is correct.

key = json.loads(response['password'])
print(key[0]),

The format of json is string. You need to convert the string of a json object to python dict before you can access it.

i.e.: loads(string) before info[key]

key = json.loads(response)['password']
print(key[0])

How do i access my json array with key named data in javascript?

Note that you have your object inside an array.
Javascript doesn't show the whole object; you must use object's keys to access its data.

Obj.data[0] is the whole object.

Access JSON array in Laravel Blade

To retrieve the id:

//blade.php

@foreach($searchResult as $element)

    {{$element['searchable']['id']}} //Retrieve the id

@endforeach

How to access a specific properties from a complex JSON array object in React.js

import React, { useState, useEffect } from "react";
import HelpOutlineIcon from "@mui/icons-material/HelpOutline";
import axios from "axios";
const VendorsDetail = () => {
  const [data, setData] = useState({});
  const baseURL =
    "http://127.0.0.1:8000/api/business_process/business-impact/vendor-product-detail";

  useEffect(() => {
    axios
      .get(baseURL)
      .then((response) => {
        setData(response.data);
      })
      .then(
        (response) => {},
        (err) => {
          alert("No Data To Show");
        }
      )
      .catch((err) => {
        return false;
      });
  }, []);
?
  const DisplayData = data?.result?.CVE_Items.map((vender) => {
    return (
      <tr>
        <td>{vendor?.cve?.CVE_data_meta?.ID}</td>
<td>{vendor?.cve?.description?.description_data?.[0]?.lang}</td>
<td>{vendor?.cve?.impact?.exploitabilityScore}</td>
<td>{vendor?.cve?.impact?.severity}</td>
<td>{vendor?.cve?.impact?.impactScore}</td>
      </tr>
    );
  });
  return (
    <div className="z-100">
      <div className="text-black">
        <div className="rounded overflow-hidden flex  justify-center items-center">
          <table class="table table-striped ">
            <thead>
              <tr>
                <th>ID</th>
                <th>DESCRIPTION DATA</th>
                <th>value</th>
                <th>exploitabilityScore</th>
                <th>severity</th>
                <th>impactScore</th>
              </tr>
            </thead>
            <tbody>{DisplayData}</tbody>
          </table>
        </div>
        <h1>{foo}</h1>
      </div>
    </div>
  );
};

export default VendorsDetail;