ਮੁਫ਼ਤ ਪਰਿਵਰਤਕ

JSON ਟ੍ਰੀ ਦਰਸ਼ਕ

ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਸਮੇਟਣਯੋਗ ਟ੍ਰੀ ਵਿੱਚ JSON ਡੇਟਾ ਵੇਖੋ, ਫਾਰਮੈਟ ਕਰੋ ਅਤੇ ਐਕਸਪਲੋਰ ਕਰੋ। ਮੁਫ਼ਤ, ਸੁਰੱਖਿਅਤ, ਅਤੇ ਕੋਈ ਅੱਪਲੋਡ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।

JSON ਫਾਈਲ ਨੂੰ ਇੱਥੇ ਖਿੱਚੋ ਅਤੇ ਸੁੱਟੋ

ਜਾਂ ਹੇਠਾਂ JSON ਟੈਕਸਟ ਪੇਸਟ ਕਰੋ

ਜਾਂ

ਇਸ ਟੂਲ ਬਾਰੇ

JSON ਟ੍ਰੀ ਦਰਸ਼ਕ JSON ਡੇਟਾ ਨੂੰ ਸਾਦੇ ਟੈਕਸਟ ਦੀ ਬਜਾਏ ਇੱਕ ਨੈਵੀਗੇਬਲ ਲੜੀਵਾਰ ਲੜੀ ਵਜੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ। ਹਰੇਕ ਵਸਤੂ ਇੱਕ ਢਹਿਣਯੋਗ ਸ਼ਾਖਾ ਬਣ ਜਾਂਦੀ ਹੈ; ਐਰੇ ਉਹਨਾਂ ਦੀਆਂ ਆਈਟਮਾਂ ਨੂੰ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਦਿਖਾਉਂਦੇ ਹਨ; ਮੁੱਢਲੇ ਮੁੱਲ ਪੱਤਿਆਂ ਦੇ ਰੂਪ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ। ਢਾਂਚਾਗਤ ਦ੍ਰਿਸ਼ ਡੂੰਘੇ-ਨੇਸਟਡ ਡੇਟਾ ਵਿੱਚ ਖਾਸ ਖੇਤਰਾਂ ਨੂੰ ਲੱਭਣਾ, ਅਪ੍ਰਸੰਗਿਕ ਸਬਟ੍ਰੀਜ਼ ਨੂੰ ਸਮੇਟਣਾ, ਅਤੇ ਵੱਡੇ JSON ਦਸਤਾਵੇਜ਼ਾਂ ਨੂੰ ਨੈਵੀਗੇਟ ਕਰਨਾ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ ਜੋ ਫਲੈਟ ਟੈਕਸਟ ਦੇ ਤੌਰ 'ਤੇ ਪ੍ਰਬੰਧਨਯੋਗ ਨਹੀਂ ਹੋਣਗੇ।

ਫਾਰਮੈਟ ਕੀਤੇ JSON ਟੈਕਸਟ ਦੀ ਤੁਲਨਾ ਵਿੱਚ, ਵੱਡੇ ਡੇਟਾ ਵਿੱਚ ਨੈਵੀਗੇਸ਼ਨ 'ਤੇ ਟ੍ਰੀ ਵਿਯੂਜ਼ ਵਧੀਆ ਹਨ। ਇੱਕ 10MB API ਜਵਾਬ ਟੈਕਸਟ ਦੇ ਰੂਪ ਵਿੱਚ ਸਕ੍ਰੌਲ ਕਰਨਾ ਅਵਿਵਹਾਰਕ ਹੈ ਪਰ ਇੱਕ ਰੁੱਖ ਦੇ ਰੂਪ ਵਿੱਚ ਟ੍ਰੈਕਟਬਲ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ ਉੱਚ-ਪੱਧਰੀ ਕੁੰਜੀਆਂ ਨੂੰ ਸਮੇਟਦੇ ਹੋ ਜਿਨ੍ਹਾਂ ਦੀ ਤੁਸੀਂ ਪਰਵਾਹ ਨਹੀਂ ਕਰਦੇ ਅਤੇ ਸਿਰਫ ਦਿਲਚਸਪੀ ਦੇ ਭਾਗਾਂ ਦਾ ਵਿਸਤਾਰ ਕਰਦੇ ਹੋ।

ਇਹ ਦਰਸ਼ਕ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਇੱਕ ਸਟ੍ਰਕਚਰਡ ਟ੍ਰੀ ਵਿੱਚ JSON ਨੂੰ ਰੈਂਡਰ ਕਰਦਾ ਹੈ। ਕੁੰਜੀ ਜਾਂ ਮੁੱਲ ਦੁਆਰਾ ਫਿਲਟਰ ਸ਼ਾਖਾਵਾਂ ਦੀ ਖੋਜ ਕਰੋ। ਟਾਈਪ-ਜਾਗਰੂਕ ਡਿਸਪਲੇਅ ਸਤਰ, ਨੰਬਰ, ਬੁਲੀਅਨ, ਨਲ, ਆਬਜੈਕਟ ਅਤੇ ਐਰੇ ਨੂੰ ਵੱਖਰਾ ਕਰਦਾ ਹੈ।

JSON ਟ੍ਰੀ ਵਿਊਅਰ ਦੀ ਵਰਤੋਂ ਕਿਉਂ ਕਰੀਏ

ਡੂੰਘੇ ਨੇਸਟਡ ਡੇਟਾ ਨੂੰ ਟੈਕਸਟ ਵਜੋਂ ਨੈਵੀਗੇਟ ਕਰਨਾ ਔਖਾ ਹੈ। ਕੌਂਫਿਗਰੇਸ਼ਨ ਫਾਈਲਾਂ, API ਜਵਾਬਾਂ, ਅਤੇ ਸੀਰੀਅਲਾਈਜ਼ਡ ਸਟੇਟ ਵਿੱਚ ਅਕਸਰ ਆਲ੍ਹਣੇ ਦੇ 5+ ਪੱਧਰ ਹੁੰਦੇ ਹਨ। ਇੱਕ ਰੁੱਖ ਦਾ ਦ੍ਰਿਸ਼ ਤੁਹਾਨੂੰ ਅਪ੍ਰਸੰਗਿਕ ਪੱਧਰਾਂ ਨੂੰ ਸਮੇਟਣ ਅਤੇ ਮਹੱਤਵਪੂਰਣ ਚੀਜ਼ਾਂ 'ਤੇ ਧਿਆਨ ਦੇਣ ਦਿੰਦਾ ਹੈ; ਟੈਕਸਟ ਦ੍ਰਿਸ਼ਾਂ ਲਈ ਧਿਆਨ ਨਾਲ ਸਕ੍ਰੋਲਿੰਗ ਅਤੇ ਗਿਣਤੀ ਬਰੈਕਟਾਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

ਖੋਜ-ਅਤੇ-ਫਿਲਟਰ ਸਮਰੱਥਾਵਾਂ ਵੀ ਮਾਇਨੇ ਰੱਖਦੀਆਂ ਹਨ। ਇੱਕ ਗੁੰਝਲਦਾਰ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ 'user_id' ਨਾਮ ਦੀਆਂ ਸਾਰੀਆਂ ਕੁੰਜੀਆਂ ਲੱਭਣਾ ਇੱਕ ਖੋਜ-ਜਾਗਰੂਕ ਦਰਸ਼ਕ ਨਾਲ ਤੇਜ਼ ਹੈ; ਸਾਦੇ ਟੈਕਸਟ ਨਾਲ ਭਰੋਸੇਯੋਗਤਾ ਨਾਲ ਕਰਨਾ ਅਸੰਭਵ ਹੈ।

ਵਰਤਣ ਦਾ ਤਰੀਕਾ

JSON ਪੇਸਟ ਕਰੋ, ਰੁੱਖ 'ਤੇ ਨੈਵੀਗੇਟ ਕਰੋ।

  1. ਆਪਣਾ JSON ਪੇਸਟ ਕਰੋ: JSON ਨੂੰ ਇਨਪੁਟ ਖੇਤਰ ਵਿੱਚ ਸੁੱਟੋ। ਦਰਸ਼ਕ ਢਾਂਚਾਗਤ ਰੁੱਖ ਨੂੰ ਪਾਰਸ ਅਤੇ ਰੈਂਡਰ ਕਰਦਾ ਹੈ।
  2. ਫੈਲਾਓ ਅਤੇ ਸਮੇਟਣਾ: ਫੈਲਾਉਣ ਜਾਂ ਸਮੇਟਣ ਲਈ ਸ਼ਾਖਾਵਾਂ 'ਤੇ ਕਲਿੱਕ ਕਰੋ। ਵੱਡੇ ਡੇਟਾ ਦੇ ਖਾਸ ਸਬਟ੍ਰੀਜ਼ 'ਤੇ ਫੋਕਸ ਕਰਨ ਲਈ ਉਪਯੋਗੀ।
  3. ਖੋਜ: ਕੁੰਜੀ ਜਾਂ ਮੁੱਲ ਦੁਆਰਾ ਫਿਲਟਰ ਕਰੋ। ਮੇਲ ਖਾਂਦੀਆਂ ਸ਼ਾਖਾਵਾਂ ਦਿਖਾਈ ਦੇਣਗੀਆਂ; ਗੈਰ-ਮੇਲ ਖਾਂਦਾ ਲੁਕਿਆ ਹੋਇਆ ਹੈ।
  4. ਖਾਸ ਮੁੱਲਾਂ ਦੀ ਜਾਂਚ ਕਰੋ: ਇਸਦੀ ਪੂਰੀ ਕੀਮਤ (ਲੰਮੀਆਂ ਸਤਰਾਂ ਲਈ ਉਪਯੋਗੀ) ਦੇਖਣ ਲਈ ਇੱਕ ਪੱਤੇ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਕੋਡ ਵਿੱਚ ਵਰਤੋਂ ਲਈ ਮਾਰਗ (ਉਦਾਹਰਨ ਲਈ, user.0.profile.email) ਦੀ ਨਕਲ ਕਰੋ।

ਆਮ ਵਰਤੋਂ ਦੇ ਮਾਮਲੇ

ਤਕਨੀਕੀ ਵੇਰਵੇ

JSON ਪਾਰਸਿੰਗ JSON.parse ਦੀ ਵਰਤੋਂ ਕਰਦੀ ਹੈ, ਜੋ ਮੁੱਦੇ ਦੇ ਸਥਾਨ ਵੱਲ ਇਸ਼ਾਰਾ ਕਰਨ ਵਾਲੀ ਪਾਰਸ ਗਲਤੀ ਦੇ ਨਾਲ ਅਵੈਧ ਇਨਪੁਟ 'ਤੇ ਅਸਫਲ ਹੋ ਜਾਂਦੀ ਹੈ। ਵੈਧ JSON ਇੱਕ JavaScript ਆਬਜੈਕਟ ਵਿੱਚ ਰੈਂਡਰ ਕਰਦਾ ਹੈ ਜਿਸਨੂੰ ਦਰਸ਼ਕ ਦਰੱਖਤ ਬਣਾਉਣ ਲਈ ਵਾਰ-ਵਾਰ ਤੁਰਦਾ ਹੈ।

ਰੈਂਡਰਿੰਗ: ਆਲ੍ਹਣੇ ਦਾ ਹਰੇਕ ਪੱਧਰ ਇੱਕ ਇੰਡੈਂਟਡ ਸ਼ਾਖਾ ਬਣ ਜਾਂਦਾ ਹੈ। ਵਸਤੂ ਕੁੰਜੀਆਂ ਲੇਬਲ ਹਨ; ਮੁੱਲ ਕਿਸਮ ਦੇ ਆਧਾਰ 'ਤੇ ਰੈਂਡਰ ਕੀਤੇ ਜਾਂਦੇ ਹਨ — ਕੋਟਸ ਵਿੱਚ ਸਟ੍ਰਿੰਗਜ਼, ਬਿਨਾਂ ਨੰਬਰਾਂ, ਬੁਲੀਅਨਜ਼ ਨੂੰ ਸਹੀ/ਗਲਤ, ਸਪੱਸ਼ਟ ਤੌਰ 'ਤੇ ਖਾਲੀ, ਆਬਜੈਕਟ ਅਤੇ ਐਰੇ ਨੂੰ ਸਮੇਟਣਯੋਗ ਸ਼ਾਖਾਵਾਂ ਵਜੋਂ।

ਪ੍ਰਦਰਸ਼ਨ: ਬਹੁਤ ਵੱਡਾ JSON (10MB+) ਰੈਂਡਰਿੰਗ ਨੂੰ ਹੌਲੀ ਕਰ ਸਕਦਾ ਹੈ। ਆਲਸੀ ਵਿਸਤਾਰ (ਸਿਰਫ਼ ਵਰਤਮਾਨ ਵਿੱਚ ਦਿਖਾਈ ਦੇਣ ਵਾਲੀਆਂ ਸ਼ਾਖਾਵਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਨਾ) ਮਦਦ ਕਰਦਾ ਹੈ। ਵੱਡੇ ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਖੋਜ ਕਰਨ ਵਿੱਚ ਧਿਆਨ ਦੇਣ ਯੋਗ ਸਮਾਂ ਲੱਗ ਸਕਦਾ ਹੈ; ਪਹਿਲੇ ਪਾਰਸ 'ਤੇ ਰੁੱਖ ਨੂੰ ਇੰਡੈਕਸ ਕਰਨਾ ਮਦਦ ਕਰਦਾ ਹੈ।

ਵਧੀਆ ਅਭਿਆਸ

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

JSON ਰੁੱਖ ਕਿੰਨੀ ਡੂੰਘਾਈ ਵਿੱਚ ਜਾ ਸਕਦਾ ਹੈ?
ਇੱਥੇ ਕੋਈ ਨਕਲੀ ਡੂੰਘਾਈ ਸੀਮਾ ਨਹੀਂ ਹੈ। ਟੂਲ ਦਰਖਤਾਂ ਨੂੰ ਤੁਹਾਡੀ JSON ਬਣਤਰ ਦੇ ਰੂਪ ਵਿੱਚ ਡੂੰਘਾਈ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਹਾਲਾਂਕਿ, ਬਹੁਤ ਡੂੰਘੇ ਆਲ੍ਹਣੇ (100+ ਪੱਧਰ) ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਰੈਂਡਰਿੰਗ ਨੂੰ ਹੌਲੀ ਕਰ ਸਕਦੇ ਹਨ।
ਕੀ ਮੈਂ JSON ਟ੍ਰੀ ਦੇ ਅੰਦਰ ਖੋਜ ਕਰ ਸਕਦਾ ਹਾਂ?
ਕੁੰਜੀਆਂ ਜਾਂ ਮੁੱਲਾਂ ਦੀ ਖੋਜ ਕਰਨ ਲਈ Ctrl/Cmd+F ਦੀ ਵਰਤੋਂ ਕਰੋ। ਮੇਲ ਖਾਂਦੀਆਂ ਨੋਡਾਂ ਨੂੰ ਉਜਾਗਰ ਕੀਤਾ ਜਾਵੇਗਾ ਅਤੇ ਉਹਨਾਂ ਦੇ ਮੂਲ ਨੋਡਾਂ ਦਾ ਆਪਣੇ ਆਪ ਹੀ ਮਾਰਗ ਦਿਖਾਉਣ ਲਈ ਵਿਸਤਾਰ ਕੀਤਾ ਜਾਵੇਗਾ।
ਕਿਹੜਾ JSON ਮਾਰਗ ਫਾਰਮੈਟ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ?
ਟੂਲ JSONPath ਡਾਟ ਨੋਟੇਸ਼ਨ ($.key.nested.array[0].value) ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਇਹ ਫਾਰਮੈਟ JavaScript ਪ੍ਰਾਪਰਟੀ ਐਕਸੈਸ ਅਤੇ ਜ਼ਿਆਦਾਤਰ JSONPath ਲਾਇਬ੍ਰੇਰੀਆਂ ਦੇ ਅਨੁਕੂਲ ਹੈ।
ਕੀ ਮੈਂ ਰੁੱਖ ਵਿੱਚ ਮੁੱਲਾਂ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰ ਸਕਦਾ ਹਾਂ?
ਇਹ ਪੜਚੋਲ ਲਈ ਸਿਰਫ਼ ਪੜ੍ਹਨ ਲਈ ਦਰਸ਼ਕ ਹੈ। JSON ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨ ਲਈ, ਸਾਡੇ JSON ਫਾਰਮੈਟਰ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੋ ਪ੍ਰਮਾਣਿਕਤਾ ਦੇ ਨਾਲ ਇੱਕ ਸੰਪਾਦਨਯੋਗ ਇੰਟਰਫੇਸ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
ਕੀ ਮੇਰਾ ਡੇਟਾ ਅਪਲੋਡ ਕੀਤਾ ਗਿਆ ਹੈ?
ਨਹੀਂ। ਪਾਰਸਿੰਗ ਅਤੇ ਰੈਂਡਰਿੰਗ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੁੰਦੀ ਹੈ।
ਮੈਂ ਰੁੱਖ ਦਾ ਹਿੱਸਾ ਕਿਵੇਂ ਨਿਰਯਾਤ ਕਰਾਂ?
ਜ਼ਿਆਦਾਤਰ ਦਰਸ਼ਕ ਚੁਣੀਆਂ ਗਈਆਂ ਸ਼ਾਖਾਵਾਂ ਲਈ JSON ਦੀ ਕਾਪੀ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦੇ ਹਨ। ਨਿਰਯਾਤ ਮੁੱਲ ਸਿਰਫ਼ ਚੁਣੀਆਂ ਗਈਆਂ ਕੁੰਜੀਆਂ ਨਾਲ ਇੱਕੋ ਢਾਂਚਾ ਹੈ।
ਵੱਡੇ ਡੇਟਾ ਦੇ ਨਾਲ ਰੁੱਖ ਹੌਲੀ ਕਿਉਂ ਹੈ?
ਬਹੁਤ ਸਾਰੇ ਨੋਡਾਂ ਦੀ DOM ਰੈਂਡਰਿੰਗ ਮਹਿੰਗਾ ਹੈ। ਆਲਸੀ ਵਿਸਤਾਰ (ਸਿਰਫ਼ ਦਿਖਾਈ ਦੇਣ ਵਾਲੀਆਂ ਸ਼ਾਖਾਵਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਨਾ) ਮਦਦ ਕਰਦਾ ਹੈ; ਬਹੁਤ ਵੱਡੇ ਡੇਟਾ ਲਈ, ਸਮਰਪਿਤ ਟੂਲ (jq, ਕੋਡ) ਵਧੇਰੇ ਕੁਸ਼ਲ ਹਨ।
ਕੀ ਮੈਂ ਇੱਕ URL ਤੋਂ JSON ਨੂੰ ਦੇਖ ਸਕਦਾ ਹਾਂ?
ਕੁਝ ਦਰਸ਼ਕ ਸਿੱਧੇ URL ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਨ। ਦੂਜਿਆਂ ਨੂੰ ਪੇਸਟ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। CORS ਕੁਝ URL ਤੋਂ ਕ੍ਰਾਸ-ਓਰੀਜਿਨ ਪ੍ਰਾਪਤ ਕਰਨ ਤੋਂ ਰੋਕ ਸਕਦਾ ਹੈ।