Web API | TextDecoder decode() Method
The decode() method in TextDecoder API is used to takes a stream of bytes as input and emits a stream of code points. The TextEncoder decode() method takes an ArrayBuffer containing the encoded data and options object and returns the original string (i.e. decoded string).
Syntax:
decoder.decode(buffer, options)
Parameters:
- buffer: It is an ArrayBuffer, Dataview or TypedArray instance that contains the encoded data.
- options: It is an optional parameter that holds an object containing some properties.
- stream: It is a boolean value. It is set to true if data are processing in chunks and false if data are not chunked (by default its value set to false)
Return Value: It decodes the encoded input in buffer and returns the decoded string.
Example 1:
HTML
<!DOCTYPE html> < html lang = "en" > < head > < title > TextEncoder Web API encodeInto() method </ title > </ head > < body > < p id = 'javascript' >I Love javascript</ p > < script type = "text/javascript" > // Original string const original = document.querySelector( '#javascript').textContent // Instance of TextEncoder const encoder = new TextEncoder() // Instance of TextDecoder const decoder = new TextDecoder() // encode() is just an another method // defined in TextEncoder class // It specifies the encoded result // of strings const encodedResult = encoder.encode(original) // Decoding const decodedResult = decoder.decode(encodedResult) console.log(` Original String: ${original}, Encoded Value: ${encodedResult}, Decoded Value: ${decodedResult} `) </ script > </ body > </ html > |
Output:
Example 2:
HTML
<!DOCTYPE html> < html lang = "en" > < head > < title >GFG TextEncoder encodeInto() method</ title > </ head > < body > < p id = 'javascript' hidden>I Love javascript</ p > < button id = 'btn' >Click me to see results</ button > < div id = 'result' ></ div > < script type = "text/javascript" > // Original string const original = document.querySelector( '#javascript').textContent const btn = document.querySelector('#btn') const result = document.querySelector('#result') // Instance of TextEncoder const encoder = new TextEncoder() // Instance of TextDecoder const decoder = new TextDecoder() // encode() is just an another method // defined in TextEncoder class // It specifies the encoded result of strings const encodedResult = encoder.encode(original) // Decoding const decodedResult = decoder.decode(encodedResult) // Button listing for click event, when // click occurs shows original string and // Encoded and Decode values btn.addEventListener('click', () => { result.innerHTML = ` Original: ${original} Encoded Value: ${encodedResult} Decoded Value: ${decodedResult}` }) </ script > </ body > </ html > |
Output:
Before Clicking the Button:
After Clicking the Button:
Supported Browsers:
- Google Chrome 38 and above
- Edge 79 and above
- Firefox 19 and above
- Internet Explorer not supported
- Opera 25 and above
- Safari 10.1 and above
Contact Us