网络API | TextEncoder encodeInto() 方法

TextEncoder API 中的encodeInto()方法用于获取点流并发出 UTF-8 字节流。 TextEncoder 的所有实例仅支持 UTF-8 编码。 TextEncoder.encodeInto() 接受一个要编码的字符串和一个保存编码结果的数组，并返回一个对象。

句法：

encoder.encodeInto(src, dest)

范围：

• src：它是包含要编码的文本的源字符串。
• dest：存储编码结果的Uint8Array对象实例。

返回值：它返回一个包含读取和写入的两个属性的对象

• read：它是一个数值，指定转换为 UTF-8 的字符串字符数。如果 uint8Array 没有足够的空间，这可能小于 src.length(length of source 字符串)。
• dest：也是一个数值，指定存储在目标 Uint8Array 对象 Array 中的 UTF-8 unicode 的数量。它总是等于阅读。

示例 1：

  

    
        TextEncoder Web API
        encodeInto() method
    

  

    I love javascript
  
    
        const parg1 = document.
            querySelector('#javascript')
  
        // Instance of TextEncoder
        const encoder = new TextEncoder()
  
        // Instance of Uint8Array
        const u8Array = new Uint8Array(30)
  
        const result = encoder.encodeInto(
                parg1.innerText, u8Array)
  
        // encode() is just an another method
        // defined in TextEncoder class
        // It specifies the encoded result
        //  of strings
        const encodedResult = encoder
                .encode(parg1.innerText)
  
        console.log(`
            Bytes read:     ${result.read},
            Bytes written:  ${result.written},
            Encoded Result: ${encodedResult}
        `)
    

  

输出：

示例 2：

  

    
        TextEncoder Web API
        encodeInto() method
    

  

    I Love javascript
  
    
        Click me to view results
    
    
  
    
  
        const parg1 = document.querySelector('#javascript')
        const btn = document.querySelector('#btn')
        const result = document.querySelector('#result')
  
        // Instsnce of TextEncoder
        const encoder = new TextEncoder()
  
        // Instance of Uint8Array
        const u8Array = new Uint8Array(30)
  
        let resultObj = encoder.encodeInto(
                    parg1.innerText, u8Array)
  
        const encodedResult = 
            encoder.encode(parg1.innerText)
  
        btn.addEventListener('click', () => {
            result.innerHTML = `
        <p><strong>Bytes read:</strong>    
                    ${resultObj.read}, </p>
        <p><strong>Bytes written:</strong> 
                    ${resultObj.written}, </p>
        <p><strong>Encoded Result:</strong>
                    ${encodedResult}</p>
      `
        })
    
  

输出：

点击按钮前：

点击按钮后：