نمایش تمامی عنصرهای (Element) یک آرایه (Array)، در خروجی (به شکل همان ساختار آرایه)، با روش های JSON.stringify و document.write ، در JavaScript
در کلید شماره 28149 بیان کردیم که روش document.write به سادگی می تواند برای نمایش تمامی عنصرهای (Element) یک آرایه (Array) در خروجی به کار رود، اما گاهی اوقات استفاده از این روش، نمی تواند به طور دقیق تمامی عنصرهای (Element) آرایه (Array) را خروجی نمایش دهد. به عنوان مثال، اگر یکی از عنصرهای (Element) آرایه (Array)، یک شیء (Object) باشد، به جای اینکه مشخصه های (Property) موجود در شیء (Object) را در خروجی ببینیم، صرفا عبارت [object Object] در خروجی نمایش داده می شود.
برای رفع این مشکل، می توانیم ابتدا از روش JSON.stringify برای تبدیل آرایه (Array) به یک رشته (String) استفاده کنیم و سپس با استفاده از روش document.write ، رشته (String) مورد نظر را در خروجی نمایش دهیم.
همچنین وقتی از ترکیب روش های JSON.stringify و document.write برای نمایش تمامی عنصرهای (Element) یک آرایه (Array) در خروجی استفاده می کنیم، ساختار دقیق خود آرایه (Array) نیز در خروجی دیده می شود.
به مثال زیر توجه کنید :
نتیجه :
در این مثال، نشان داده ایم که وقتی تنها از روش document.write استفاده می کنیم، ساختار دقیق آرایه (Array) در خروجی نمایش داده نمی شود، ولی اگر از ترکیب دو روش JSON.stringify و document.write استفاده کنیم، می توانیم ساختار دقیق آرایه (Array) را نیز در خروجی ببینیم :
نتیجه :
در این مثال، نشان داده ایم که وقتی در آرایه (Array)، یک یا چند شیء (Object) وجود داشته باشد (مثلا آرایه ای از شیء ها)، اگر تنها از روش document.write استفاده می کنیم، مشخصه های (Property) موجود در شیءها (Object) در خروجی نمایش داده نمی شود (صرفا عبارت [object Object] در خروجی نمایش داده می شود)، ولی اگر از ترکیب دو روش JSON.stringify و document.write استفاده کنیم، می توانیم مشخصه های (Property) موجود در شیءها (Object) را نیز در خروجی ببینیم :
نتیجه :
