D3学习手记 - 02 - 数据绑定( 二 ) 前一篇D3学习手记-01-初探

问题：为什么输出的第一、二项还是李梅、韩雷雷，没有变成数据里的张三、李四呢？
移除选择顾名思义，移除选择是将DOM选择中和数据选择不匹配的部分移除。
看一段代码：
//HTML://

////李梅////
//韩雷雷////
//马小跳////

const users = [{id: 1,name: '张三',role: 'student'}, {id: 2,name: '李四',role: 'student'}]const exitUsers = d3.select('ul.app-user-list').selectAll('li.app-user').data(users).exit()// 移除不匹配的DOMexitUsers.remove();

输出效果：

文章插图
最后

数据绑定是D3最重要的概念
数据绑定是D3最重要的概念
数据绑定是D3最重要的概念

重要的事情说三遍。
那么数据选择与DOM选择是如何匹配的呢？示例里的匹配很简单：按数据数组与DOM数组元素的位置。
D3当然提供其他的匹配方法，后面我开始研习时，再和大家分享。
本篇代码盒子编号为36号。在电脑上访问
【D3学习手记 - 02 - 数据绑定】原创不易，喜欢的点个赞、关注一下呗!~