美文网首页
URLSearchParams, URLSearchParams

URLSearchParams, URLSearchParams

作者: noyanse | 来源:发表于2019-01-20 14:04 被阅读0次

    https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams

    URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串.
    一个实现了 URLSearchParams 的对象可以直接用在 for...of 结构中,不需要使用 entries()for (var p of mySearchParams)就等于
    for (var p of mySearchParams.entries())

    构造函数

    返回一个 URLSearchParams 对象

    该接口不继承任何属性和方法

        componentWillMount () {
            const query = new URLSearchParams( this.props.location.search );
            const ingredients = {};
            let price = 0;
            for ( let param of query.entries() ) {
                // ['salad', '1']
                if (param[0] === 'price') {
                    price = param[1];
                } else {
                    ingredients[param[0]] = +param[1];
                }
            }
            this.setState( { ingredients: ingredients, totalPrice: price } );
        }
    

    URLSearchParams.entries()

    **URLSearchParams.entries()**方法返回一个iterator,允许遍历该对象中包含的所有键/值对。每一组键值对都是 USVString对象
    注意: 该方法在 Web Workers也是可用的

    语法

    searchParams.entries();
    

    返回一个iterator.

    // 创建一个测试用 URLSearchParams 对象
    var searchParams = new URLSearchParams("key1=value1&key2=value2");
    
    // 显示键/值对
    for(var pair of searchParams.entries()) {
       console.log(pair[0]+ ', '+ pair[1]); 
    }
    
    // 结果
    key1, value1
    key2, value2
    

    相关文章

      网友评论

          本文标题:URLSearchParams, URLSearchParams

          本文链接:https://www.haomeiwen.com/subject/cgyxjqtx.html