javascript 数组 长度-JS从入门到不放弃(一)数组、JS句型真无聊?不妨试试这个

2023-08-23 0 4,073 百度已收录

欢迎阅读我关于 JS 从入门到放弃的系列文章。 更多精彩内容持续更新中。 欢迎关注:)

在整个后端开发体系中,JS可以说占据了绝大多数。 明天开始,我会分享一篇JS的核心句型及其在实际项目中的应用!

写在上面

任何基础的编程语言都会有自己的一套句型,而学习句型的过程是最繁琐的,所以我会用另一种方法来分享原来的句型,这样学起来还是很有趣的!

本章目标链表的创建及基本方法链表的中间用法链表的创建和基本技巧

用一句话概括字段:它是任何类型的数据的集合。 通俗地说,JS中任何类型的数据都可以添加到字段中。

一、数组的创建

创建数组有两种方法:

1、var arr = new Array();
2、var arr = [];

一般来说,建议您使用第二种方法来创建链表

二、阵法基本功。

1.添加push,删除pop

相信学过JS基础知识的人都知道。 一般来说,我们会教你这样学习它的APIjavascript 数组 长度,像这样

但这似乎太无聊了,太无聊了,我现在已经学会了,对于初学者来说,可能到了中午就忘记了。

怎么了? ? ? ?

我们换个思路,我们尝试通过可视化界面来展示链表的操作,然后通过链表的增删改映射到dom上。

注:举一个完全不考虑DOM性能的例子,完全是为了演示链表的操作过程是怎样的。

先来看看疗效

这里我在默认字段中有一个元素,然后我通过向链表添加(push)和删除(pop)操作来添加和删除元素。

添加和删​​除链表后,再次调用render方法进行渲染。 同样的,我们可以用同样的方式尝试unshift和shift技术。

2.删除链表中的一项拼接

好像有三种用法,先看删除,arr.splice(index,num);

index表示索引,即我们要删除的位置,num表示数量,即我们要删除的元素个数。 我这么说也太无聊了。 接下来我们看一个例子:

当我们调用字段的splice方法时javascript 数组 长度,主要是找到我们要删除的索引。 该索引是我们当前单击的元素的索引。

因为上面的DOM是我们动态创建的,所以我们不能直接给每个盒子添加点击,而是要给它们的父盒子添加点击。 我们只需要绑定一次点击风暴,上面的基本dom操作就不再进行了。

我们在 render 方法中获取所有方形元素

我们首先通过e.target找到我们点击的dom元素,然后将其与我们获得的块列表中的每一项进行比较。 如果相等,我们就可以找到对应的索引。 这些做法在我们的实际项目中也经常用到。

2.要插入或替换链表中的元素,我们可以为splice参数传递第三个参数

arr.splice(index,num,item)

第三个参数的作用是我们需要将其插入到索引位置。 如果num为0,我们可以看成是删除0,插入1,即插件操作,if num! =0,先删除,再插入,此时效果为替换。

数组的中级用法

1.过滤器过滤器

比如现在有一批记分卡,0-100分,我们需要找出哪些是及格记分卡?

filter方法和forEach方法一样,需要传入一个回调函数。不同的是,filter的反弹时会循环每一项。 如果返回 true,则满足条件;如果返回 false,则不满足条件。 符合条件的商品将被退回。 到整个过滤方法。 所以filter会返回一个新的字段,也就是我们过滤后的新字段。

2. 绘制地图

这个操作和filter类似。 与filter不同的是,它返回的字段宽度会与原始字段一致。 我们可以修改原来的字段,形成映射关系。 比如前面的例子,我们把他们的分数加起来10分,看看疗效

了解了filter之后,这张图就不难理解了。 相信写过react项目的童鞋一定对这张图很熟悉。

三、一些

它将返回一个 bool 值,如果链表中只有一项满足条件,则返回 true,否则返回 false。 例如,在提交表单时,我们需要至少选择一项兴趣来提交。

只要有一个返回true,res就是true

四、每

它的字面意思是“每个”,与“一些”相反。 一般来说,这通常用于全选的功能。

可以看出,只有四个复选框全部选中时,全选按钮才被选中,否则不被选中。

总结:

介绍了JS中的字段对象和基本用法以及一些中间函数的使用。

这里有【畅歌聊科技】JS相关的从入门到永不放弃的技术文章。 更多精彩内容持续更新中,敬请期待。

待续。 。 。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 javascript javascript 数组 长度-JS从入门到不放弃(一)数组、JS句型真无聊?不妨试试这个 https://www.wkzy.net/game/144829.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务