简单的新数组方法:array.at(index)
发布时间：2021-06-04 10:58:27 所属栏目：大数据 来源：互联网
导读：数据分析除了在零售电商行业中被经常应用之外，互联网运营、传统行业等也同样分布广泛。而订单下降这个问题，是很多行业都会遇到的问题，该怎么分析? 正好最近做了一份关于互联网订单下滑的分析案例，这里分享给大家： 小A是一家网络营销网站的数据分析师，
|
数据分析除了在零售电商行业中被经常应用之外，互联网运营、传统行业等也同样分布广泛。而订单下降这个问题，是很多行业都会遇到的问题，该怎么分析?
正好最近做了一份关于互联网订单下滑的分析案例，这里分享给大家：
小A是一家网络营销网站的数据分析师，该网站已经运营多年，访问量、订单量等指标都相对比较稳定。但是最近一个星期，运营人员发现从8月16日开始，网站的订单量明显下跌。
运营人员尝试从各种角度寻找原因，发现发生异常的当日网站上并没有什么活动，其他访问量等指标也很正常，因此想找小A分析一下原因所在。
一、分析需求
因为网站订单量可能受到很多因素的影响，例如：价格、促销活动、节假日等，因此短期内的订单量上下起伏也是很正常的情况。
因此我们要确定运营人员是否说的属实，我们从公司的业务数据库中取出了《订单详细表》、《流量表》、《网站访问表》、《进货表》四张数据表，如下图所示：
二、选择工具
说到数据分析，必然离不开Excel，但是大部分人excel水平基本都1.方括号语法的局限性
通过索引访问数组元素一般使用方括号array[index]：
const fruits = ['orange', 'apple', 'banana', 'grape'];
const item = fruits[1];
item; // => 'apple'
表达式array[index]求值为位于index的数组项，这种方式也叫属性访问器。
在大多数情况下，方括号语法是通过正索引(>= 0)访问项的好方法，它的语法简单且可读。
但有时我们希望从末尾访问元素，而不是从开始访问元素。例如，访问数组的最后一个元素：
const fruits = ['orange', 'apple', 'banana', 'grape'];
const lastItem = fruits[fruits.length - 1];
lastItem; // => 'grape'
fruits[fruits.length - 1]是访问数组最后一个元素的方式，其中fruits.length - 1是最后一个元素的索引。
问题在于方括号访问器不允许直接从数组末尾访问项，也不接受负下标。
幸运的是，一个新的提议(截至2021年1月的第3阶段)将at()方法引入了数组(以及类型化的数组和字符串)，并解决了方括号访问器的诸多限制。
2.array.at() 方法
简单来说，array.at(index)访问index参数处的元素。
如果index参数是一个正整数>= 0，该方法返回该索引处的项目。
const fruits = ['orange', 'apple', 'banana', 'grape'];
const item = fruits.at(1);
item; // => 'apple'
如果index参数大于或等于数组长度，则与常规访问器一样，该方法返回undefined：
const fruits = ['orange', 'apple', 'banana', 'grape'];
const item = fruits.at(999);
item; // => undefined
真正神奇的是，当你对array.at()方法使用负下标时，将从数组的末尾访问元素。
const lastItem = fruits.at(-1);
lastItem; // => 'grape'
下面是更详细的array.at()方法示例：
const vegetables = ['potatoe', 'tomatoe', 'onion'];
vegetables.at(0); // => 'potatoe'
vegetables.at(1); // => 'tomatoe'
vegetables.at(2); // => 'onion'
vegetables.at(3); // => undefined
vegetables.at(-1); // => 'onion'
vegetables.at(-2); // => 'tomatoe'
vegetables.at(-3); // => 'potatoe'
vegetables.at(-4); // => undefined
示例地址：https://codesandbox.io/s/array-at-method-2xr74?file=/src/index.js
如果negIndex小于0，则array.at(negIndex)访问的元素也是array.length + negIndex所在的元素，如下所示：
const fruits = ['orange', 'apple', 'banana', 'grape'];
const negIndex = -2;
fruits.at(negIndex); // => 'banana'
fruits[fruits.length + negIndex]; // => 'banana'
3. 总结
JS 中的方括号语法是通过索引访问项的常用且好的方法。只需将索引表达式放入方括号array[index]中，并获取该索引处的数组项。
然而，使用常规访问器从末尾访问项并不方便，因为它不接受负索引。因此，例如，要访问数组的最后一个元素，必须使用一个变通表达式停留在简单数据处理汇总、基础图表制作上。
所以我建议大家使用数据分析工具BI工具去做一些分析，会更方便快捷。这里我将使用FineBI，一些基础的求和、分组等数据处理操作都封装成了功能，不用写复杂的函数和公式，鼠标点击拖拽就能完成，图表制作也比Excel简单多了，拖拽式制表，全程无需一行代码，就能实现高级的数据可视化分析：
 （编辑：阜新站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
