1.JS 数组里明明没有添加元素length却为1还有元素（jquery源码里面）
2.七爪源码：如何在 JavaScript 中获取字符串的数组数组最后一个字符
3.图文剖析 big.js 四则运算源码
4.Underscore源码分析
5.JavaScript之reduce()的用法
6.你知道 JavaScript 中的 forEach 源码吗

JS 数组里明明没有添加元素length却为1还有元素（jquery源码里面）

       使用Object.keys()就可以去除空获得正确的数据情况；效果见图！

       输出语句 

       控制台输出（其length变化了哦，源码坑了问我很久！编程）

七爪源码：如何在 JavaScript 中获取字符串的数组数组最后一个字符

       在JavaScript中，有几种方法可以方便地获取字符串的源码最后一个字符。以下是编程疯狂源码吧三种常见的处理方式：

       首先，利用String对象的数组数组charAt()方法，它接受一个索引作为参数。源码获取最后一个字符时，编程你需要传入字符串长度减一的数组数组索引，如str.charAt(str.length - JavaScript数组的源码索引是从0开始的，所以最后一个字符的编程索引是str.length - 1，返回的数组数组结果是一个新的字符串，包含最后一个字符。源码然而，编程如果尝试访问不存在的索引，charAt()会返回空字符串''。

       其次，可以使用字符串的方括号表示法，同样以str.length - 1为索引。这种方式与charAt()类似，但访问不存在的索引会返回undefined。

       最后，通过split()和pop()方法结合使用，先将字符串转换成字符数组。通过split('')，字符串被分割成一个字符数组，然后pop()方法会删除并返回数组中的最后一个元素，即字符串的最后一个字符。

       这三种方法各有优缺点，根据具体需求，选择合适的offer上岸源码方法来获取JavaScript字符串的最后一个字符是很有帮助的。

图文剖析 big.js 四则运算源码

       big.js是一个小型且高效的JavaScript库，专门用于处理任意精度的十进制算术。

       在常规项目中，算术运算可能会导致精度丢失，从而影响结果的准确性。big.js正是为了解决这一问题而设计的。与big.js类似的库还有bignumber.js和decimal.js，它们同样由MikeMcl创建。

       作者在这里详细阐述了这三个库之间的区别。big.js是最小、最简单的任意精度计算库，它的方法数量和体积都是最小的。bignumber.js和decimal.js存储值的进制更高，因此在处理大量数字时，它们的速度会更快。对于金融类应用，bignumber.js可能更为合适，因为它能确保精度，除非涉及到除法操作。

       本文将剖析big.js的解析函数和加减乘除运算的源码，以了解作者的设计思路。在四则运算中，除法运算最为复杂。

       创建Big对象时，new操作符是可选的。构造函数中的关键代码如下，使用构造函数时可以不带new关键字。如果传入的参数已经是Big的实例对象，则复制其属性，否则使用parse函数创建属性。

       parse函数为实例对象添加三个属性，offer实例源码这种表示与IEEE 双精度浮点数的存储方式类似。JavaScript的Number类型就是使用位二进制格式IEEE 值来表示的，其中位用于表示3个部分。

       以下分析parse函数转化的详细过程，以Big('')、Big('0.')、Big('e2')为例。注意：Big('e2')中e2以字符串形式传入才能检测到e，Number形式的Big(e2)在执行parse前会被转化为Big()。

       最后，Big('')、Big('-0.')、Big('e2')将转换为...

       至此，parse函数逻辑结束。接下来分别剖析加减乘除运算。

       加法运算的源码中，k用于保存进位的值。上面的过程可以用图例表示...

       减法运算的源码与加法类似，这里不再赘述。减法的核心逻辑如下...

       减法的过程可以用图例表示，其中xc表示被减数，yc表示减数...

       乘法运算的源码中，主要逻辑如下...

       描述的是我们以前在纸上进行乘法运算的过程。以*为例...

       除法运算中，对于a/b，a是被除数，b是除数...

       注意事项：big.js使用数组存储值，类似于高精度计算，但它是在数组中每个位置存储一个值，然后对每个位置进行运算。对于超级大的jdk源码arraylist数字，big.js的算术运算可能不如bignumber.js快...

       在使用big.js进行运算时，有时没有设置足够大的精度会导致结果不准确...

       总结：本文剖析了big.js的解析函数和四则运算源码，用图文详细描述了运算过程，逐步还原了作者的设计思路。如有不正确之处或不同见解，欢迎各位提出。

Underscore源码分析

       JavaScript，作为最被低估的编程语言之一，自从Node.js的出现，全端开发（All Stack/Full Stack）概念日渐兴起，现今，其地位不可小觑。JavaScript实质上是一种类C语言，对于具备C语言基础的学习者，理解JavaScript代码大体上较为容易，然而，作为脚本语言，JavaScript的灵活性远超C语言，这在一定程度上给学习者带来了一定的困难。

       集合是JavaScript中一种重要的概念，下面我们就来看看其中的几个迭代方法。

       首先，集合中的迭代方法包括`_.each`和`_.forEach`，这两个方法在功能上基本一致，主要用于对集合进行遍历。它们接受三个参数：集合、迭代函数和执行环境。其中，`_.each`和`_.forEach`在ES6中为数组添加了原生的`forEach`方法，但后者更灵活，能够应用于所有集合。Tjqs指标源码

       `_.each`和`_.forEach`在遍历时会根据集合的类型（类数组或对象）调用不同的实现。如若集合有`Length`属性且为数字且在0至`MAX_ARRAY_INDEX`之间，则判定为类数组，否则视为对象集合。在遍历过程中，`_.each`和`_.forEach`会根据集合的特性使用合适的迭代方式。

       在处理集合时，`_.map`和`_.reduce`方法的实现原理类似，`_.map`用于获取集合中元素的映射结果，而`_.reduce`则用于逐元素执行函数并逐步聚合结果。

       此外，`_.find`函数与`Array.some()`具有相似性，不同之处在于`_.find`返回第一个使迭代结果为真的元素，而`Array.some()`则返回一个布尔值。`_.find`和`_.detect`函数基于`_.findIndex`和`_.findLastIndex`实现，它们分别在正序和反序的情况下查找满足条件的元素。

       在处理集合时，`_.max`方法用于寻找集合中的最大值，通过循环比较集合中的所有项，最终返回最大值。`_.toArray`则负责将各种类型的集合转换为数组，确保数据的格式统一。对于数组、类数组对象、普通对象以及null或undefined的情况，`_.toArray`分别采用了不同的处理方式，确保了转换过程的灵活性与准确性。

       至于集合转换为数组的问题，JavaScript中的数据类型多样，理解它们之间的区别对于开发者来说至关重要。然而，`_.toArray`函数的设计似乎更侧重于处理特定类型的数据，而不仅仅基于JavaScript的基本数据类型。在实际应用中，开发者需要根据具体场景灵活运用这些工具，以实现高效、准确的数据处理。

JavaScript之reduce()的用法

       首先，参考了这位大佬的总结，敲了一遍，收获很大。记录下来。参考链接

背景：

       之前是接触vue源码的时候，发现使用reduce的地方很多。当时也是在看别人分享，简单带过，发现很好用。简单研究后，很少用到。导致理解不深。今天碰到到使用场景，特意花时间研究了一番，可以说理解的很到位了。

语法arr.reduce(function(prev,cur,index,arr){ ...},init);

       其中，\arr表示原数组；\prev表示上一次调用回调时的返回值，或者初始值init;\cur表示当前正在处理的数组元素；\index表示当前正在处理的数组元素的索引，若提供init值，则索引为0，否则索引为1；\init表示初始值。这个初始值在很多技巧上要用到，要重点留意

       在实际使用当中，其实常用的参数只有两个：prev和cur。结合例子来分析一番。

实例

       以下举的例子除了用reduce来实现，还有很多其他的方法。不过使用reduce有它独有的技巧性和方便。

1、求数组的和

       方式一：

letarr=[3,4,5,6,9,2,4,6];letsum=arr.reduce((pre,cur,index,arr)=>{ //console.log('index:',index);//console.log('arr:',arr);returnpre+cur;})console.log(sum);

       方式二：

letsum=arr.reduce((pre,cur,index,arr)=>{ //console.log('index:',index);//console.log('arr:',arr);returnpre+cur;},0)console.log(sum);

       注意：方式二，由于传入了初始值0，所以pre的初始值就是0，cur的值，就是数组的第一个值为3；如果不传初始值的话，就如方式一，这时，pre的值是3，cur的值是4；相加后为7，作为下一轮的pre的值，cur是5，依次类推下去。

2、求数组的最大值

       方式一：

letarr=[1,4,5,6,9,2,4,6];letmax=arr.reduce((pre,cur)=>{ returnMath.max(pre,cur)})console.log(max);

       方式二：

letmax2=arr.reduce((pre,cur)=>{ returnpre>cur?pre:cur;})console.log('max2:',max2);3、给数组去重letnewArr=arr.reduce((pre,cur)=>{ pre.indexOf(cur)===-1&&pre.push(cur)returnpre},[])console.log(newArr);进阶用法1.求字符串中字幕出现的次数conststr='sfhjasfjgfasjuwqrqadqeiqsajsdaiwqdaklldflas-cmxzmnha';constres=str.split('').reduce((pre,cur)=>{ pre[cur]?pre[cur]++:pre[cur]=1;returnpre},{ })console.log('汇总次数：',res);2.数组转数组letarr1=[2,3,4,5,6,7];letnewArr1=arr1.reduce((pre,cur)=>{ pre.push(cur*cur)returnpre;},[])console.log('数组转数组：',newArr1);3.数组转对象letstreams=[{ name:'博士',id:1},{ name:'硕士',id:2},{ name:'本科',id:3}];letobj1=streams.reduce((pre,cur)=>{ pre[cur.id]=cur;returnpre;},{ })console.log('数组转对象：',obj1);高级用法1.多维的叠加执行操作

       例子：各科成绩占比不一样，求结果

constresult=[{ subject:'math',score:},{ subject:'chinese',score:},{ subject:'english',score:},];constdis={ math:0.5,chinese:0.2,english:0.4};letres2=result.reduce((pre,cur)=>{ returndis[cur.subject]*cur.score+pre},0)console.log('多维叠加：',res2);

       加大难度：商品对应不同国家汇率不同，求价格

letarr=[3,4,5,6,9,2,4,6];letsum=arr.reduce((pre,cur,index,arr)=>{ //console.log('index:',index);//console.log('arr:',arr);returnpre+cur;})console.log(sum);、扁平一个二维数组letarr=[3,4,5,6,9,2,4,6];letsum=arr.reduce((pre,cur,index,arr)=>{ //console.log('index:',index);//console.log('arr:',arr);returnpre+cur;})console.log(sum);1

       多维数组扁平化

3、对象数组去重letarr=[3,4,5,6,9,2,4,6];letsum=arr.reduce((pre,cur,index,arr)=>{ //console.log('index:',index);//console.log('arr:',arr);returnpre+cur;})console.log(sum);、compose函数

       reduxcompose源码实现

letarr=[3,4,5,6,9,2,4,6];letsum=arr.reduce((pre,cur,index,arr)=>{ //console.log('index:',index);//console.log('arr:',arr);returnpre+cur;})console.log(sum);3

你知道 JavaScript 中的 forEach 源码吗

       在编程世界中，数组操作是基础且频繁的任务，其中对数组遍历是常做操作之一。想象你去水果市场选购，挑选新鲜的水果放入购物袋。在计算机语言中，如Java、Python和JavaScript，都提供了一种简便的遍历数组方式——forEach函数。

       深入理解JavaScript中的forEach，需了解其基本用法与内部实现。学习任何函数的步骤包括：1）阅读函数原型，理解参数含义；2）实践操作，验证效果；3）深入源码，研究实现细节；4）学习思想与模式。代码重要，但思维认知更为关键。

       首先，了解forEach函数的原型。这里有两种表达方式，一种相对直接易懂，另一种则较为抽象，常见于Linux环境。选择适合自己的方式理解参数，如currentValue（当前遍历元素）、index（元素索引，从0开始计数，非2而是1）和arr（当前元素所属数组）。

       再看thisArg参数，理解略显抽象，实际应用中通过例子进行解释更为直观。实际中，forEach函数的参数配置可选，灵活使用。

       通过实例展示forEach函数的使用。当遍历数组并执行特定操作时，元素、索引和数组本身作为参数传入，而thisArg则用于指定调用上下文。

       深入探究forEach函数的源码。值得注意的是，JavaScript并不像Java那样提供源码查看，因为它由C或C++编写。JavaScript是一套规范和API，而非语言，这与许多语言的实现有显著区别。因此，难以像Java那样获取一致的源码。

       实现自己的forEach函数。可以采用多种方法，如使用call或bind。实现时需关注逻辑判断与异常处理，以确保函数的健壮性与可靠性。

       学习并实践编写自己的forEach函数，不仅可以加深对语言底层机制的理解，还能提升代码编写能力。通过实例代码交流，共同进步。

Underscore源码分析_javascript技巧

       JavaScript，一种类C的语言，以其灵活性和广泛的应用范围，逐渐成为了开发者们不可或缺的工具。随着全栈开发概念的兴起，JavaScript 的地位更是不可小觑。

       在JavaScript的集合操作中，`_.forEach` 是一个原生方法，它能对所有集合执行迭代操作。`optimizeCb` 函数根据传入迭代函数的参数个数，绑定合适的执行环境，如 `forEach` 方法接受三个参数（值，索引，集合）。`_.map` 利用 for 循环优雅地实现了数组遍历，通过一个循环判断是否为数组，简化了代码逻辑。

       集合的分类型处理，将集合分为类数组集合和对象集合，通过 `_.isArrayLike` 函数进行判断。`_.keys` 函数实现了对象属性的枚举，使用 for in 结合 `hasOwnProperty()` 方法实现，简洁高效。

       相似的原理适用于 `_.map` 和 `_.reduce` 方法，而 `_.find` 则寻找满足条件的第一个元素，不同于 `Array.some()` 的布尔值返回。

       集合转换为数组的逻辑依赖于数据类型。JavaScript 有严格的数据类型区分，如数组、对象等。在 Underscore 中，`Collections` 和 `Arrays` 分开处理，是为了提供更加灵活和高效的实现策略。这涉及对不同数据结构特性的理解和利用，如数组的快速访问和修改特性。