json.stringify的高级用法,和for of的原理

news/2024/11/18 8:36:23/

**

/* for of 是用来循环可迭代属性的,如何判断是否是可迭代属性,数据原型链上有个Symbol.iterator说明这个数据是可迭代数据 Symbol.iterator是一个函数,调用此函数,会返回一个对象,对象的内部有一个next函数,调用next函数会返回一个对象这个对象内部有value和done值,value表示你正在迭代的属性的内容,done来标识是否迭代完成,迭代完成done为true,否则done为false */

**

let arr = [10, 20]
console.log(‘arr’, arr);
let set = new Set([123, 2]);
console.log(‘set’, set);
console.log(‘arr[Symbol.iterator]’, arr[Symbol.iterator]);
// arr[Symbol.iterator]是一个函数,函数return一个对象,内部有一个next方法
console.log(‘arrSymbol.iterator’, arrSymbol.iterator);//这个对象内部有个next方法
let iter = arrSymbol.iterator;
console.log(‘iter.next()’, iter.next());
console.log(‘iter.next()’, iter.next());
console.log(‘iter.next()’, iter.next());
/*
arr[Symbol.iterator]下的函数是需要返回一个对象,这个return对象上面返回一个next方法,调用这个next方法会return 一个迭代对象,{value:1,done},value表示迭代的真实value值,比如数组那就是数组的真实值,done表示是否迭代完真个数据,为false表示没有迭代完,如果迭代完了done为true;
*/
const replacer = function (key, value) {//配合JSON.stringify把不需要的属性过滤出来
console.log(‘key’, key);
console.log(‘value’, value);
if (isNaN(+key)) {//如果key不是数字就忽略该项,return undefined就表示忽略该项
return undefined
} else {
return value
}
}

let iteratorObj = {
1: 1,
2: 2,
Symbol.iterator {
let arr = Object.values(JSON.parse(JSON.stringify(iteratorObj, replacer))),
index = 0,
len = arr.length
console.log(arr, 1);
return {
next() {
if (index < len) {
return {
value: arr[index++],
done: false
}
} else {
return {
value: undefined,
done: true
}
}
}
}
}
}

//让对象变成可迭代的数,可以被for of循环
for (const item of iteratorObj) {
console.log(‘iteratorObj_item’, item);
}

const JSONObj = {
1: 1,
2: 2,
test: ‘123’,
key: undefined,
fun: function () {

}

}

/*
JSON.stringify(),
使用在转化对象的时候,可以传递两个参数第一个是你要转的数据,第二个是一个函数,函数内部有key,value你可以根据key,value去过滤数据
return undefined就表示忽略该项
,第二个参数除了可以传递函数还可以传递数组,数组内部是你要保留的key的属性;
如上JSON.stringify(JSONObj, [‘test’])→这样就只转了test

const fi = (key, value) => {
if (key == ‘test’ || key == ‘fun’) {
return undefined
}
return value
}
const res = JSON.stringify(JSONObj, fi);
console.log(JSON.stringify(JSONObj, [‘test’], ‘zhang_’));//第三个参数是给key家前缀

*/
const fi = (key, value) => {
if (key == ‘test’ || key == ‘fun’) {
return undefined
}
return value
}
const res = JSON.stringify(JSONObj, fi);
console.log(‘res’, res);//
const JSONArr = [124, 5235, 235]
console.log(JSON.stringify(JSONObj, [‘test’], ‘zhang_’));//第三个参数是给key家前缀


http://www.ppmy.cn/news/988122.html

相关文章

centos7安装git

方式一: 输入命令安装 直接使用命令即可 下载的可能是旧版 yum install -y git验证是否安装成功 git --version方式二&#xff1a;解压包安装 获取要下载的版本安装包 然后上传至服务器 如果安装了旧版可以使用 卸载 yum remove git 创建 文件夹 mkdir -p /usr/local/git…

优思学院:六西格玛的10大概念和特点

六西格玛是一种管理方法&#xff0c;致力于提高组织的运营效率和质量水平。它起源于20世纪80年代的美国&#xff0c;随后在全球范围内得到广泛应用。今天我们将探讨六西格玛的十大概念和特点&#xff0c;帮助您了解如何将这一管理方法应用于您的业务中。 1. 什么是六西格玛&am…

教雅川学缠论02-K线

传统行情上的K线是下图中这样子的 而在缠论中K线是下面这样子的&#xff0c;它没有上影线和下影线 下图是武汉控股2023年7月的日K线 接下来我们将它转换成缠论K线&#xff08;画图累死我了&#xff09; K线理解了我们才能进行下一步&#xff0c;目前位置应该很好理解的

PyTorch BatchNorm2d详解

通常和卷积层&#xff0c;激活函数一起使用

docker安装rabbitmq

1&#xff0c;拉取rabbitmq容器 docker pull rabbitmq 2&#xff0c;下载完以后启动容器 先查看自己的容器id&#xff1a; [rootch ~]# docker images REPOSITORY TAG IMAGE ID CREATED SIZE rabbitmq latest bcef1e…

代码随想录算法训练营day15 | 102. 二叉树的层序遍历,226. 翻转二叉树,101. 对称二叉树

目录 102. 二叉树的层序遍历 226. 翻转二叉树 101. 对称二叉树 100. 相同的树 100是101的衍生题目。572也为101的衍生题目。 102. 二叉树的层序遍历 思路&#xff1a; 以前的笔记 代码&#xff1a; class Solution {public List<List<Integer>> levelOrder(T…

无涯教程-jQuery - Pulsate方法函数

Pulsate 效果可以与effect()方法一起使用。这会使元素的不透明性产生多次脉冲。 Pulsate - 语法 selector.effect( "pulsate", {arguments}, speed ); 这是所有参数的描述- times - 脉动的时间。默认值为3。model - 效果的模式。可以是"显示(show)"&a…

2023 7-29

题目1 删除排序链表重复元素 思路和代码 /*** Definition for singly-linked list.* struct ListNode {* int val;* ListNode *next;* ListNode() : val(0), next(nullptr) {}* ListNode(int x) : val(x), next(nullptr) {}* ListNode(int x, ListNode *n…