JavaScript笔记。我大概是16年前后开始看廖雪峰的教程,之后工作中只写过一些基础的jQuery前端代码,很基础。但是工作几年越发觉得JavaScript其实很实用,在web环境中做一些工具用是最方便的。

MacOS直接使用Option+Command+i打开控制台,Window使用F12打开控制台。

语法

输出

换行输出

1
2
document.write("你好 \
世界!");

json

使用js可以直接在浏览器环境下处理一些json。

1
2
3
4
5
6
7
8
9
let jsonStr='{"header":{"code":"200","desc":"success"},"body":{"total":489,"pageIndex":3,"msg":"success","pageSize":200,"dataList":[{"key":666,"other":888},{"key":666,"other":888},{"key":666,"other":888},{"other":888},{"key":null,"other":888}]}}';
var jsonObj=JSON.parse(jsonStr);
jsonStr=JSON.stringify(jsonObj);

// 我们查找下上述json结构dataList的每一项,查看不存在 "key"的dict项,或者值空的数据
var list=jsonObj.body.dataList;
let target=list.filter(data=>data.key==undefined);
console.log(JSON.stringify(target));
// 输出 [{"other":888},{"key":null,"other":888}]

仓库

静态生成器

EventLoop