link管理
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
不敢表白的葫芦 · JSDoc and TypeScript ...· 昨天 · |
|
|
冲动的香菇 · TypeScript 1.5 - ...· 昨天 · |
|
|
俊秀的冲锋衣 · 功能 | Vite 官方中文文档· 昨天 · |
|
|
含蓄的弓箭 · TypeScript 中的映射类型修饰符 ...· 昨天 · |
|
|
彷徨的绿茶 · typescript，把一个对象数组转换成m ...· 3 天前 · |
|
|
逃跑的面包 · 在？进来看一下“赛里木湖·蓝” _大公网· 1 月前 · |
|
|
温文尔雅的橡皮擦 · 只要你会前端的vue框架就可以开发电脑桌面应 ...· 2 月前 · |
|
|
爽快的莲藕 · 交通信息工程系赴竹林松大科技股份有限公司商谈 ...· 8 月前 · |
|
|
读研的木耳 · 54岁郭冬临教育孩子遭嫌弃，“女儿”大眼机灵 ...· 1 年前 · |
|
|
追风的凳子 · 天主教普照中學| Po Chiu ...· 1 年前 · |
link管理
›
How to parse JSON string in Typescript? - GeeksforGeeks
| django 缂栫▼璇█ string typescript |
| https://www.geeksforgeeks.org/how-to-parse-json-string-in-typescript/ |
|
慈祥的萝卜
7 月前 |
-
Tutorials
-
Python Tutorial
- Taking Input in Python
- Python Operators
- Python Data Types
- Python Loops and Control Flow
- Python Functions
- Python OOPS Concept
- Python Data Structures
- Python Exception Handling
- Python File Handling
- Python Exercises
-
Java
-
Java Programming Language
- Java Tutorial
- Data Types
- Variables
- Operators
- Flow Control in Java
- Loops in Java
- Methods
- Strings
- Arrays
- OOPs Concepts
- Interface
- Packages
- Multithreading
- File Handling
- Regular Expression
- Java Collections
- Java 8 Tutorial
- Java Programs
- Java Interview Questions
- Java Exercises
- Java Quiz
- Java Projects
- Advance Java
-
Java Programming Language
- Programming Languages
-
System Design
-
System Design Tutorial
- What is System Design
- Key Terminologies in System Design
- Analysis and Architecture of Systems
- Scalability in System Design
- Databases in System Design
- High Level Design or HLD
- Low Level Design or LLD
- Communication Protocols
- Web Servers and Proxies
- Case Studies in Designing Systems
- Complete System Design Tutorial
- Software Design Patterns
- System Design Roadmap
- Top 10 System Design Interview Questions and Answers
-
System Design Tutorial
- Interview Corner
- Computer Science Subjects
- DevOps
- Linux
-
Software Testing
- Software Testing Tutorial
- Testing Tools
- Selenium
- Jira
- Software Engineering
- Interview Questions
- Postman
- Databases
- Android
- Excel
- Mathematics
- Commerce
- SEO-Search Engine Optimization
- Aptitude
-
Python Tutorial
-
DSA
- Data Structures
-
Algorithms
- Analysis of Algorithms
- Searching Algorithms
- Sorting Algorithms
- Greedy Algorithms
- Dynamic Programming
- Graph Algorithms
- Pattern Searching
- Recursion
- Backtracking
- Divide and Conquer
- Mathematical Algorithms
- Geometric Algorithms
- Bitwise Algorithms
- Randomized Algorithms
- Branch and Bound
- Algorithms Tutorial
- DSA Tutorial
-
Practice
- All DSA Problems
- Problem of the Day
- Company Wise Coding Practice
- GfG SDE Sheet
- Practice Problems Difficulty Wise
- Language Wise Coding Practice
- Curated DSA Lists
- Competitive Programming
- Company Wise SDE Sheets
- DSA Cheat Sheets
- Top Interview Questions
- Puzzles
-
Data Science
- Python Tutorial
- R Tutorial
- Machine Learning
- Data Science using Python
- Data Science using R
- Data Science Packages
- Data Visualization
- Data Analysis
- Deep Learning
- NLP Tutorial
-
Web Tech
- HTML Tutorial
- CSS Tutorial
- JavaScript Tutorial
- PHP Tutorial
- ReactJS Tutorial
- NodeJS Tutorial
- AngularJS Tutorial
- Bootstrap Tutorial
- Web Development Using Python
- JSON Tutorial
- TypeScript Tutorial
- Wordpress Tutorial
- Web Design
- Web Browsers
- Cheat Sheets
- JavaScript Projects
- Learn Complete Web Development
- File Formats
- Courses
- TypeScript String toString() Method
- TypeScript Pick<Type, Keys> Utility Type
- TypeScript Array some() Method
- TypeScript String matchAll() Method
- TypeScript String split() Method
- TypeScript Array.isArray() Method
- How to Convert a Set to an Array in TypeScript ?
- TypeScript Accessor
- Optional Property Class in TypeScript
- TypeScript String codePointAt() Method
- TypeScript Array flat() Method
- TypeScript Extract<Type, Union> Utility Type
- How to Restrict a Number to a Certain Range in TypeScript ?
- How to Create String Literal Union Type From Enum ?
- TypeScript Array keys() Method
- TypeScript | Array sort() Method
- TypeScript | toPrecision() Function
- TypeScript | toLocaleString() Function
- Difference Between Const and Readonly in TypeScript
- TypeScript String toString() Method
- TypeScript Pick<Type, Keys> Utility Type
- TypeScript Array some() Method
- TypeScript String matchAll() Method
- TypeScript String split() Method
- TypeScript Array.isArray() Method
- How to Convert a Set to an Array in TypeScript ?
- TypeScript Accessor
- Optional Property Class in TypeScript
- TypeScript String codePointAt() Method
- TypeScript Array flat() Method
- TypeScript Extract<Type, Union> Utility Type
- How to Restrict a Number to a Certain Range in TypeScript ?
- How to Create String Literal Union Type From Enum ?
- TypeScript Array keys() Method
- TypeScript | Array sort() Method
- TypeScript | toPrecision() Function
- TypeScript | toLocaleString() Function
- Difference Between Const and Readonly in TypeScript
In this tutorial, we will learn how we can parse a JSON string in TypeScript. The main reason for learning about it is to learn how we can explicitly type the resulting string to a matching type. The JSON.parse() method will be used to parse the JSON string by passing the parsing string as a parameter to it.
Syntax:
JSON.parse(parsingString);
We can type the parsed string with an explicit type using the following methods:
Table of Content
Typing parsed string using the type alias
The type alias will be used to define a new type with a mixture of different typed properties and can be used to type the parsed string.
Example: The below example will show how you can explicitly type the parsed string using type alias.
Javascript
const jsonStr1 =
'{"name": "GeeksforGeeks", "desc": "A Computer Science Portal for Geeks"}'
;
const jsonStr2 =
'{"name": "Google", "desc": "Searching Platform", "workforce": 2000}'
;
type parseType = {
name: string,
desc: string,
workforce?: number
const parsedStr1: parseType = JSON.parse(jsonStr1);
const parsedStr2: parseType = JSON.parse(jsonStr2);
console.log(`Company Name:
${parsedStr1.name},
Description:
${parsedStr1.desc}`);
console.log(`Company Name:
${parsedStr2.name},
Description: ${parsedStr2.desc},
Work Force: ${parsedStr2.workforce}`);
Output:
Company Name: GeeksforGeeks, Description: A Computer Science Portal for Geeks
Company Name: Google, Description: Searching Platform, Work Force: 2000
Typing parsed string using interfaces
The interfaces can also be used to type the parsed string to the required type as shown in the below example.
Example: This example shows the parsing of JSON string using interface.
Javascript
const jsonStr1 =
'{"name": "GeeksforGeeks", "desc": "A Computer Science Portal for Geeks"}'
;
const jsonStr2 =
'{"name": "Google", "desc": "Searching Platform", "workforce": 2000}'
;
interface parseInterface {
name: string,
desc: string,
workforce?: number
const parsedStr1: parseInterface = JSON.parse(jsonStr1);
const parsedStr2: parseInterface = JSON.parse(jsonStr2);
console.log(`Company Name:
${parsedStr1.name},
Description:
${parsedStr1.desc}`);
console.log(`Company Name:
${parsedStr2.name},
Description: ${parsedStr2.desc},
Work Force: ${parsedStr2.workforce}`);
Output:
Company Name: GeeksforGeeks, Description: A Computer Science Portal for Geeks
Company Name: Google, Description: Searching Platform, Work Force: 2000
Typing parsed array string
An array string can also be parsed using the parse method and required to be typed as an explicit array of required types.
Syntax:
const parsedString = JSON.parse(string) as createdType[];
Example: The below example will explain how to type an parsed array string.
Javascript
const jsonStr =
{
"name"
:
"GeeksforGeeks"
,
"desc"
:
"A Computer Science Portal for Geeks"
},
{
"name"
:
"Google"
,
"desc"
:
"Searching Platform"
,
"workforce"
: 2000}
type parsedType = {
name: string,
desc: string,
workforce?: number
const parsedStr = JSON.parse(jsonStr) as parsedType[];
console.log(`Company Name:
${parsedStr[0].name},
Description:
${parsedStr[0].desc}`);
console.log(`Company Name:
${parsedStr[1].name},
Description:
${parsedStr[1].desc}`);
- Company
- About Us
- Legal
- Careers
- In Media
- Contact Us
- Advertise with us
- GFG Corporate Solution
- Placement Training Program
- Explore
- Hack-A-Thons
- GfG Weekly Contest
- DSA in JAVA/C++
- Master System Design
- Master CP
- GeeksforGeeks Videos
- Geeks Community
- DSA
- Data Structures
- Algorithms
- DSA for Beginners
- Basic DSA Problems
- DSA Roadmap
- Top 100 DSA Interview Problems
- DSA Roadmap by Sandeep Jain
- All Cheat Sheets
- Python Tutorial
- Python Programming Examples
- Python Projects
- Python Tkinter
- Web Scraping
- OpenCV Tutorial
- Python Interview Question
- Computer Science
- Operating Systems
- Computer Network
- Database Management System
- Software Engineering
- Digital Logic Design
- Engineering Maths
- Competitive Programming
- Top DS or Algo for CP
- Top 50 Tree
- Top 50 Graph
- Top 50 Array
- Top 50 String
- Top 50 DP
- Top 15 Websites for CP
- Preparation Corner
- Company-Wise Recruitment Process
- Resume Templates
- Aptitude Preparation
- Puzzles
- Company-Wise Preparation
- School Subjects
- Mathematics
- Physics
- Chemistry
- Biology
- Social Science
- English Grammar
- World GK
- Management & Finance
- Management
- HR Management
- Finance
- Income Tax
- Organisational Behaviour
- Marketing
- Free Online Tools
- Typing Test
- Image Editor
- Code Formatters
- Code Converters
- Currency Converter
- Random Number Generator
- Random Password Generator
Please go through our recently updated
Improvement Guidelines
before submitting any improvements.
This article is being improved by another user right now.
You can suggest the changes for now and it will be under the article's discussion tab.
You will be notified via email once the article is available for improvement.
Thank you for your valuable feedback!
Please go through our recently updated
Improvement Guidelines
before submitting any improvements.
Suggest Changes
Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal.
推荐文章
|
|
不敢表白的葫芦 · JSDoc and TypeScript IntelliSense support for @link inline tag · Issue #57495 · microsoft/vscode · G 昨天 |
|
|
俊秀的冲锋衣 · 功能 | Vite 官方中文文档 昨天 |
|
|
逃跑的面包 · 在？进来看一下“赛里木湖·蓝” _大公网 1 月前 |