js基础知识,js常用方法总结,JS中数组属性和方法太多难以记忆?看这篇文章就够了

极简大道 极简大道 2024-01-18 记忆方法 阅读: 79
摘要:


数组一直是js中最重要的数据类型之一,其有很多属性和方法,包括常用的和不常用的,难以记忆,本文从增删改查四个基本操作入手,帮助大家更快记忆。


一 数组的属性

1 length属性

length属性是数组最重要的属性,没有之一,length属性告诉我们这个数组内有多少个数据元素,当length=0时说明数组时一个空数组。我们想要遍历数组时可以直接将遍历的终点设为 length-1。

二 数组的方法

这是本文的重点,我们从增删改查方面入手,梳理方法的作用和用法,有利于记忆和使用

1 增

常规方法


非常规方法


注意:使用concat()方法后,arr1,arr2,arr3自身不发生变化,其返回的是一个全新的数组,要想完成增的操作,我们可以使用如下代码(将新数组赋值给arr1)

 arr1=arr1.concat(arr2,arr3,...)

2 删

常规方法


注意:括号内填写内容均无效。

非常规方法


注意:使用concat()方法后,arr数组不发生变化,其返回的是全新的数组,要想完成减的操作,我们可以使用如下代码(将新数组赋值给arr)

arr = arr.slice(1,2)

3 改

常规方法

cars[2] = "kkk" (直接将指定位置元素重新赋值)

非常规方法


其中copyWithin()和fill()方法均为ES6的新方法,下面我们详细说以下这两个方法的用法

//copyWithin()使用
var arr =[0,1,2,3,4,5,6]
arr.copyWithin(3) // [0, 1, 2, 0, 1, 2, 3]
arr.copyWithin(3,4) // [0, 1, 2, 4, 5, 6, 6]
arr.copyWithin(0,2,5) //[2, 3, 4, 3, 4, 5, 6]

//fill()使用
var arr = [0,1,2,3,4,5,6]
arr.fill("b") //["b", "b", "b", "b", "b", "b", "b"]
arr.fill("b",3) //[0, 1, 2, "b", "b", "b", "b"]
arr.fill("b",1,4) //[0, "b", "b", "b", 4, 5, 6]

4 查(遍历)


三 心得体会

怎么样,这样分类以后是不是对数组的属性和方法又有了一个新的认识!当然本篇文章并没有记录数组所有的方法,更多方法可以参考MDN文档。

其他相关
js代码执行的先后顺序,js基本语法,js常用字符串的方法的整理(查、修改、拼接)

js代码执行的先后顺序,js基本语法,js常用字符串的方法的整理(查、修改、拼接)

作者: 极简大道 时间:2024-01-18 阅读: 89
前言:做项目中,常常需要对数据进行加工,加工成我们想要的格式。所以整理了一下字符串常用的方法,忘了的时候过来看看。毕竟孔子说过,好记性不如烂笔头。...

js 方法,30分钟完成JavaScript中的记忆游戏

作者: 极简大道 时间:2023-04-26 阅读: 172
通过在30分钟内构建一个记忆游戏来学习JS,CSS和HTML!本教程介绍了一些基本的关于HTML5,CSS3和JavaScript概念。 我们将讨论数据属性,定位,透视,转换,flexbox,事件处理,超时和三元表达式。 读懂此文章不需要大家有许多编程方面的知识。 如果您已经知道HTML,CSS和JS的用途,那就绰绰有余了!目录:...

js 方法,学习JavaScript必须了解的精髓

作者: 极简大道 时间:2022-09-19 阅读: 202
HTML5学堂(码匠):带你走进JavaScript的世界。JS可分为三大类,这三类知识及学习目的简要概括如下:1 基本DOM与BOM操作 - 目的:实现页面的变化;2 底层知识 - 目的:优化代码性能;3 各类框架 - 目的:提升开发效率。JavaScript的基本组成学习JavaScript的第一步,在于了解JavaScript的基本组成,了解JavaScript技术当中有哪些类型的知识。...
js循环遍历,一次记住js的6个正则方法

js循环遍历,一次记住js的6个正则方法

作者: 极简大道 时间:2022-09-19 阅读: 259
我时常感到困惑,为什么有些知识我总是觉得模糊,其实就是想的少,总结的少,大多数人也如此,有疑惑不清楚就找出来,想明白或者想不明白都记录下来自己的收获,比扭头忘记还是要好很多吧。。好我觉得js中的正则我不是很清楚,那么来看一下吧。首先6这个具象的数字可以帮助我们整体记忆了,666哈哈范围js中有两个类可以让正则发挥作用...

初中生补脑抗疲劳吃什么保健品,适合中学生的10种补脑食物,提神、增智、抗疲劳!(附食谱)

作者: 极简大道 时间:2021-12-29 阅读: 1238
中学生最需要哪些营养?...

年度爆文