JavaScript หน้าต่าง parse()

ตารางสอน

JS คู่มืออ้างอิง

JavaScript

Window

HTML DOM

Web API

HTML วัตถุ

</a></li> <li><a href="/th/jsref/dom_obj_image.html" title="HTML DOM Image วัตถุ"><img></a></li> <li><a href="/th/jsref/dom_obj_ins.html" title="HTML DOM Ins วัตถุ"><ins></a></li> <li><a href="/th/jsref/dom_obj_button.html" title="HTML DOM ออบเจกต์บัตทัน"><input> button</a></li> <li><a href="/th/jsref/dom_obj_checkbox.html" title="HTML DOM ออบเจกต์เช๊กบอกซ์"><input> checkbox</a></li> <li><a href="/th/jsref/dom_obj_color.html" title="HTML DOM ออบเจกต์คอลอร์"><input> color</a></li> <li><a href="/th/jsref/dom_obj_date.html" title="HTML DOM ออบเจกต์เดย์"><input> date</a></li> <li><a href="/th/jsref/dom_obj_datetime.html" title="HTML DOM ออบเจกต์เดย์ทีม์"><input> datetime</a></li> <li><a href="/th/jsref/dom_obj_datetime-local.html" title="HTML DOM ออบเจกต์เดย์ทีม์ลอกแอล"><input> datetime-local</a></li> <li><a href="/th/jsref/dom_obj_email.html" title="HTML DOM ออบเจกต์อีเมล"><input> email</a></li> <li><a href="/th/jsref/dom_obj_fileupload.html" title="HTML DOM ออบเจกต์ไฟล์อัพโหลด"><input> file</a></li> <li><a href="/th/jsref/dom_obj_hidden.html" title="HTML DOM ออบเจกต์ฮิดเดน"><input> hidden</a></li> <li><a href="/th/jsref/dom_obj_input_image.html" title="HTML DOM ออบเจกต์อิมาจ์"><input> image</a></li> <li><a href="/th/jsref/dom_obj_month.html" title="HTML DOM ออบเจกต์เดือน"><input> month</a></li> <li><a href="/th/jsref/dom_obj_number.html" title="HTML DOM ออบเจกต์นัด"><input> number</a></li> <li><a href="/th/jsref/dom_obj_password.html" title="HTML DOM ออบเจกต์เพาเวอร์ด"><input> password</a></li> <li><a href="/th/jsref/dom_obj_radio.html" title="HTML DOM ออบเจกต์เรดิโอ"><input> radio</a></li> <li><a href="/th/jsref/dom_obj_range.html" title="HTML DOM ออบเจกต์เรนจ์"><input> range</a></li> <li><a href="/th/jsref/dom_obj_reset.html" title="HTML DOM ออบเจกต์เรเซ็ท"><input> reset</a></li> <li><a href="/th/jsref/dom_obj_search.html" title="HTML DOM ออบเจกต์เซิร์ช"><input> search</a></li> <li><a href="/th/jsref/dom_obj_submit.html" title="HTML DOM ออบเจกต์เซ็มบิท"><input> submit</a></li> <li><a href="/th/jsref/dom_obj_text.html" title="HTML DOM ออบเจกต์เท็กซ์"><input> text</a></li> <li><a href="/th/jsref/dom_obj_input_time.html" title="HTML DOM ออบเจกต์เวลา"><input> time</a></li> <li><a href="/th/jsref/dom_obj_url.html" title="HTML DOM ออบเจกต์ยูอาร์แล"><input> url</a></li> <li><a href="/th/jsref/dom_obj_week.html" title="HTML DOM ออบเจกต์สัปดาห์"><input> week</a></li> <li><a href="/th/jsref/dom_obj_kbd.html" title="HTML DOM ออบเจกต์คุ้มครอง"><kbd></a></li> <li><a href="/th/jsref/dom_obj_label.html" title="HTML DOM ออบเจกต์แบตติ้ง"><label></a></li> <li><a href="/th/jsref/dom_obj_legend.html" title="HTML DOM ออบเจกต์เลเกนด์"><legend></a></li> <li><a href="/th/jsref/dom_obj_li.html" title="HTML DOM ออบเจกต์ลิสต์"><li></a></li> <li><a href="/th/jsref/dom_obj_link.html" title="HTML DOM ออบเจกต์ลิงค์"><link></a></li> <li><a href="/th/jsref/dom_obj_map.html" title="HTML DOM ออบเจกต์แมพ"><map></a></li> <li><a href="/th/jsref/dom_obj_mark.html" title="HTML DOM ออบเจกต์แมร์ค"><mark></a></li> <li><a href="/th/jsref/dom_obj_menu.html" title="HTML DOM ออบเจกต์เมนู"><menu></a></li> <li><a href="/th/jsref/dom_obj_menuitem.html" title="HTML DOM ออบเจกต์เมนูไอต์เมน"><menuitem></a></li> <li><a href="/th/jsref/dom_obj_meta.html" title="HTML DOM ออบเจกต์เมต้า"><meta></a></li> <li><a href="/th/jsref/dom_obj_meter.html" title="HTML DOM ออบเจกต์เมเตอร์"><meter></a></li> <li><a href="/th/jsref/dom_obj_nav.html" title="HTML DOM ออบเจกต์นาฟ"><nav></a></li> <li><a href="/th/jsref/dom_obj_object.html" title="HTML DOM ออบเจกต์ออบเจกต์"><object></a></li> <li><a href="/th/jsref/dom_obj_ol.html" title="HTML DOM ออบเจกต์โอล"><ol></a></li> <li><a href="/th/jsref/dom_obj_optgroup.html" title="HTML DOM ออบเจกต์โอปชันกรุ๊ป"><optgroup></a></li> <li><a href="/th/jsref/dom_obj_option.html" title="HTML DOM ออบเจกต์โอปชัน"><option></a></li> <li><a href="/th/jsref/dom_obj_output.html" title="HTML DOM ออบเจกต์ออัวท์พุท"><output></a></li> <li><a href="/th/jsref/dom_obj_paragraph.html" title="HTML DOM ออบเจกต์เพร์แอร์าโกน"><p></a></li> <li><a href="/th/jsref/dom_obj_param.html" title="HTML DOM ออบเจกต์พาราเมเตอร์"><param></a></li> <li><a href="/th/jsref/dom_obj_pre.html" title="HTML DOM ออบเจกต์เพร์"><pre></a></li> <li><a href="/th/jsref/dom_obj_progress.html" title="HTML DOM ออบเจกต์เพรโกเรส"><progress></a></li> <li><a href="/th/jsref/dom_obj_quote.html" title="HTML DOM ออบเจกต์เก้าอี้คำนำ"><q></a></li> <li><a href="/th/jsref/dom_obj_s.html" title="HTML DOM S วัตถุ"><s></a></li> <li><a href="/th/jsref/dom_obj_samp.html" title="HTML DOM Samp วัตถุ"><samp></a></li> <li><a href="/th/jsref/dom_obj_script.html" title="HTML DOM Script วัตถุ"><script></a></li> <li><a href="/th/jsref/dom_obj_section.html" title="HTML DOM Section วัตถุ"><section></a></li> <li><a href="/th/jsref/dom_obj_select.html" title="HTML DOM Select วัตถุ"><select></a></li> <li><a href="/th/jsref/dom_obj_small.html" title="HTML DOM Small วัตถุ"><small></a></li> <li><a href="/th/jsref/dom_obj_source.html" title="HTML DOM Source วัตถุ"><source></a></li> <li><a href="/th/jsref/dom_obj_span.html" title="HTML DOM Span วัตถุ"><span></a></li> <li><a href="/th/jsref/dom_obj_strong.html" title="HTML DOM Strong วัตถุ"><strong></a></li> <li><a href="/th/jsref/dom_obj_sub.html" title="HTML DOM Subscript วัตถุ"><sub></a></li> <li><a href="/th/jsref/dom_obj_summary.html" title="HTML DOM Summary วัตถุ"><summary></a></li> <li><a href="/th/jsref/dom_obj_sup.html" title="HTML DOM Superscript วัตถุ"><sup></a></li> <li><a href="/th/jsref/dom_obj_table.html" title="HTML DOM Table วัตถุ"><table></a></li> <li><a href="/th/jsref/dom_obj_tbody.html" title="HTML DOM TBody วัตถุ"><tbody></a></li> <li><a href="/th/jsref/dom_obj_tabledata.html" title="HTML DOM TableData วัตถุ"><td></a></li> <li><a href="/th/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot วัตถุ"><tfoot></a></li> <li><a href="/th/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader วัตถุ"><th></a></li> <li><a href="/th/jsref/dom_obj_thead.html" title="HTML DOM THead วัตถุ"><thead></a></li> <li><a href="/th/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow วัตถุ"><tr></a></li> <li><a href="/th/jsref/dom_obj_textarea.html" title="HTML DOM Textarea วัตถุ"><textarea></a></li> <li><a href="/th/jsref/dom_obj_time.html" title="HTML DOM Time วัตถุ"><time></a></li> <li><a href="/th/jsref/dom_obj_title.html" title="HTML DOM Title วัตถุ"><title></a></li> <li><a href="/th/jsref/dom_obj_track.html" title="HTML DOM Track วัตถุ"><track></a></li> <li><a href="/th/jsref/dom_obj_u.html" title="HTML DOM Underline วัตถุ"><u></a></li> <li><a href="/th/jsref/dom_obj_ul.html" title="HTML DOM Ul วัตถุ"><ul></a></li> <li><a href="/th/jsref/dom_obj_var.html" title="HTML DOM Variable วัตถุ"><var></a></li> <li><a href="/th/jsref/dom_obj_video.html" title="HTML DOM Video วัตถุ"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/th/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration วัตถุ">CSSStyleDeclaration</a></li> <li><a href="/th/jsref/jsref_type_conversion.html" title="JavaScript การเปลี่ยนชนิดประเภท">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/th/howto/index.html" title="CodeW3C.com ธนาคารสำรอง">CodeW3C.com ธนาคารสำรอง</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>JavaScript หน้าต่าง parse()</h1> <div class="prenextnav-ref"> <ul> <li> หน้าก่อน <a href="/th/jsref/jsref_parse_json.html" title="JavaScript หน้าต่าง parse()">parse()</a></li> <li> หน้าต่อไป <a href="/th/jsref/jsref_stringify.html" title="JavaScript หน้าต่าง stringify()">stringify()</a></li> <li> กลับไปยังเวอร์ชั่นก่อน <a href="/th/jsref/jsref_obj_json.html" title="คู่มืออ้างอิง JavaScript JSON">คู่มืออ้างอิง JavaScript JSON</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p>JSON.parse() 方法解析字符串并返回 JavaScript 对象。</p> <p>该字符串必须以 JSON 格式编写。</p> <p>JSON.parse() 方法可以选择使用函数来转换结果。</p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>解析一个字符串（以 JSON 格式编写）并返回一个 JavaScript 对象：</p> <pre class="language-js"> var obj = JSON.parse('{"firstName":"Bill", "lastName":"Gates"}'); </pre> <p class="tiy"><a target="_blank" href="/th/tiy/t.html?f=jsck_parse_json">ลองด้วยตัวเอง</a></p> <h3>ตัวอย่าง 2</h3> <p>ยกตัวอย่างการใช้ reviver function:</p> <pre class="language-js"> /* แทนที่ค่า "city" ด้วยค่าใหญ่: */ var text = '{ "name":"Bill", "age":"19", "city":"Seattle"}'; var obj = JSON.parse(text, function (key, value) { if (key == "city") { ค่าที่กลับมา.toUpperCase(); } else { ค่าที่กลับมา; } }); document.getElementById("demo").innerHTML = obj.name + ", " + obj.city; </pre> <p class="tiy"><a target="_blank" href="/th/tiy/t.html?f=jsck_json_parse_reviver">ลองด้วยตัวเอง</a></p> <h3>ตัวอย่าง 3</h3> <p>ตรวจสอบ JSON ที่ได้รับมาจากเซิร์ฟเวอร์:</p> <pre class="language-js"> var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var myObj = JSON.parse(this.responseText); document.getElementById("demo").innerHTML = myObj.name; } }; xmlhttp.open("GET", "json_demo.txt", true); xmlhttp.send(); </pre> <p class="tiy"><a target="_blank" href="/th/tiy/t.html?f=jsck_json_ajax">ลองด้วยตัวเอง</a></p> <p><a href="/th/jsref/json_demo.txt" target="_blank">โปรดดู json_demo.txt</a></p> </div> <div> <h2>การใช้งาน</h2> <pre>JSON.parse(<i>string</i>, <i>function</i>)</pre> <h3>ค่าตัวเลือก</h3> <table class="dataintable"> <tr> <th style="width: 25%;">ตัวเลือก</th> <th>คำอธิบาย</th> </tr> <tr> <td><i>string</i></td> <td>จำเป็น. สตริงที่เขียนด้วย JSON</td> </tr> <tr> <td><i>reviver function</i></td> <td> <p>เลือกตั้งได้. ฟังก์ชันสำหรับการแปลงผลลัพธ์. โรงรับฟังก์ชันนี้สำหรับแต่ละโครงการ. วัตถุที่มีฝั่งล้อมที่เป็นวัตถุที่ถูกแปลงก่อนวัตถุที่เป็นหลัก</p> <p>ถ้าฟังก์ชันนี้กลับมาด้วยค่าที่มีประสิทธิภาพ ก็จะแทนที่ค่าโครงการด้วยค่าที่แปลงเป็นค่าใหม่</p> <p>ถ้าฟังก์ชันนี้กลับมาด้วย undefined ก็จะลบโครงการนี้ออก</p> </td> </tr> </table> </div> <div> <h2>รายละเอียดเทคนิค</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">ค่าที่กลับมา:</th> <td>วัตถุ JSON หรือตัวเลข。</td> </tr> <tr> <th>เวอร์ชัน JavaScript:</th> <td>ECMAScript 5</td> </tr> </table> </div> <div> <h2>โปรแกรมบราวเซอร์สนับสนุน</h2> <p>ตัวเลขในตารางบ่งชี้เวอร์ชั่นของเบราเซอร์ที่สนับสนุนขั้นตอนนี้อย่างเต็มที่</p> <table class="browser-support"> <tr> <th class="bsTh">ขั้นตอน</th> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>parse()</td> <td>4.0</td> <td>8.0</td> <td>3.5</td> <td>4.0</td> <td>11.5</td> </tr> </table> </div> <div> <h2>เว็บไซต์ที่เกี่ยวข้อง</h2> <p>JSON ฝึกสอบ：<a href="/th/js/js_json_intro.html" title="JSON นิยาม">JSON นิยาม</a></p> </div> <div class="prenextnav-ref"> <ul> <li> หน้าก่อน <a href="/th/jsref/jsref_parse_json.html" title="JavaScript หน้าต่าง parse()">parse()</a></li> <li> หน้าต่อไป <a href="/th/jsref/jsref_stringify.html" title="JavaScript หน้าต่าง stringify()">stringify()</a></li> <li> กลับไปยังเวอร์ชั่นก่อน <a href="/th/jsref/jsref_obj_json.html" title="คู่มืออ้างอิง JavaScript JSON">คู่มืออ้างอิง JavaScript JSON</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> เครื่องมือ </center><h3> <h5 id="tools_reference"><a href="/th/jsref/index.html">คู่มืออ้างอิง JavaScript และ HTML DOM</a></h5> <h5 id="tools_example"><a href="/th/js/js_examples.html">ตัวอย่าง JavaScript</a></h5> <h5 id="tools_quiz"><a href="/th/js/js_quiz.html">สอบเกี่ยวกับ JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/th/js/index.html">ตัวอย่าง JavaScript</a></h5> </div> <div><h3><center> ลิงก์ผู้สนับสนุน </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> เนื้อหาที่ CodeW3C.com จัดเสริมเพื่อการฝึกและการทดสอบเท่านั้น ไม่มีการประกันถึงความถูกต้องของเนื้อหา ภาวะที่มีอันตรายที่เกิดขึ้นจากการใช้งานเนื้อหาของเว็บไซต์นี้ไม่มีความเกี่ยวข้องกับเว็บไซต์นี้ สิทธิ์บังคับใช้และสิทธิ์ทั้งหมดถูกครอบคลุมโดยลิขสิทธิ์ </p> <p id="p2"> <a href="/th/about/index.html" title="เกี่ยวกับ CodeW3C.com">เกี่ยวกับ CodeW3C.com</a> <a href="/th/about/about_helping.html" title="ช่วยเหลือ CodeW3C.com">ช่วยเหลือ CodeW3C.com</a> <a href="/th/about/about_use.html" title="เกี่ยวกับการใช้งาน">ข้อกำหนดการใช้งาน</a> <a href="/th/about/about_privacy.html" title="เกี่ยวกับความเป็นส่วนตัว">ข้อกำหนดความเป็นส่วนตัว</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="พาได้ด้วย Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>