js常用增删改查方法js比较运算符 逻辑运算符 赋值运算符 算术运算符

js常用增删改查方法js比较运算符 逻辑运算符 赋值运算符 算术运算符,第1张

js数组遍历某个值求和

一、增

1、push()

可接收任意数量的参数,把它们逐个添加至数组末尾,并返回修改后数组的长度。例如:

2、unshift()

方法与push()类似,也可接收任意数量的参数,只不过是将参数逐个添加至数组前端而已,同样返回新数组长度。咱们接着上面的例子:

3、concat()

该方法与push()方法有点类似,同样是将元素添加至数组末尾,只不过这个数组已经不是原来的那个数组了,而是其副本,所以concat() *** 作数组后会返回一个新的数组。具体用法如下:

① 不传参数,返回当前数组副本

② 传递一或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中

③ 传递非数组参数,这些参数就会被直接添加到结果数组的末尾

继续接着上面的栗子:

例子中一目了然,原数组保持不变,新数组后面添加了4、5、6三个元素。

4、splice()

前面的三个方法都具有很大局限性,因为不是添加到数组前就是数组后,而splice()就不一样了,它非常灵活和强大。灵活是因为它可以添加元素到数组的任意位置,强大是因为它除了可以添加元素之外还具有删除和替换元素的功能(这个后面会陆续讲到)。

splice()可以向数组指定位置添加任意数量的元素,需要传入至少3个参数: 起始位置、0(要删除的元素个数)和要添加的元素。

依然接着上面的例子继续:

可以看出,splice()与push()和unshift()一样是直接在原数组上修改的。

二、删

1、pop()

与push()方法配合使用可以构成后进先出的栈,该方法可从数组末尾删除最后一项并返回该项。

接着上例:

2、shift()

与push()方法配合使用可以构成先进先出的队列,该方法可删除数组第一项并返回该项。

继续接着上例:

3、slice()

定义和用法

slice() 方法以新的数组对象,返回数组中被选中的元素。

slice() 方法选择从给定的 start 参数开始的元素,并在给定的 end 参数处结束,但不包括。

注释:slice() 方法不会改变原始数组。

该方法同concat()一样是返回一个新数组,不会影响原数组,只不过slice()是用来裁剪数组的,返回裁剪下来的数组,具体用法如下:

4、splice()

好,继续讲这个“万能”的方法。

上面讲到,该方法在添加数组元素的时候需要传入3个以上参数,而其中第2个参数就是用于指定要删除元素的个数的,那时我们传的是数字0。那么,如果单单只需删除元素,我们就只需给splice()传入两个参数,第1个参数用于指定要删除的第一项的位置,第2个参数用于指定要删除元素的个数。

继续上例~~

从索引项为2的位置开始删除4个元素,所以结果为 [-1, 0, 1, 2]。

三、改

这个其实最灵活的方式就是直接使用splice()这个强大的方法了,其实通过以上对该方法的了解,我们大致就能知道使用该方法修改数组元素的基本原理。

原理很简单,就是向指定位置插入任意数量的元素,且同时删除任意数量的元素。

依然继续上例~~

四、查

indexOf()和lastIndexOf()

这两个方法都接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中,indexOf()从数组的开头(位置0)开始向后查找,lastIndexOf()方法则从数组的末尾开始向前查找。

例如:

当找不到该元素时,返回 -1 ,lastIndexOf()方法同理。

1 数据类型

<script>

2 引用数据类型

object 对象类型

3 number 数字类型

包含所有的数字(整数,浮点数,正数,负数,极大极小数),Infinity(分母为零),NaN(not a number)

4 string 字符串类型

引号包含的任意文本,单双引号都可以

输出展示

2 比较运算符

<script>

/*

1 比较运算符

比较两个值的大小 返回一个布尔值(true 或 false)

> < >= <= == != === !==

== 等于,只判断数值

===全等,绝对等于,即判断数据类型也判断数值

!= == 取反

!== ===取反

console.log(undefined == null)//true 都没有值

console.log(undefined === null)//false 数据类型不同undefined object

console.log(NaN == NaN)//false

console.log(NaN === NaN)//false

console.log(NaN != NaN)//true

console.log(NaN !== NaN)//true

/

</script>

3 逻辑运算符

<script>

/

2 逻辑运算符

连接多个表达式,返回一个布尔值(true 或 false)

&& 逻辑与 并且所有的表达式都为true,结果才为true,有一个为false结果就为false

|| 逻辑或 或者所有的表达式都为false,结果才为false,有一个为true结果就为true

! 逻辑非 取反表达式为true取反就为true,反之亦然

注意: 逻辑与的优先级大于逻辑或

*/

</script>

逻辑运算符演示

输出到控制台的结果

4 赋值运算符

<script>

/*

3 赋值运算符

= 等号右边的值赋值给左边

+= x += y x = x + y 下同

-=

*=

/=

%= 要的是余数

*/

</script>

<script>

x = 7

y = 3

console.log(x/=y)

</script>

5 算术运算符

<script>

/*

算术运算符

+ - * / %(取余,取模) ++(自增) --(自减)

%(取余,取模) 应用 判断奇偶数、倍数

++ 相当于自己加1 x++ 相当于 x = x + 1

-- 相当于自己加1 x-- 相当于 x = x - 1

+运算碰到字符串,直接进行字符串拼接,返回string类型

- * / %遇到字符串,都转换成number类型进行计算,如果不能转换成数字,则返回NaN,数据类型未number

true转换1 false转换为0

++ --

前++和后++,对于变量自己来说没有区别都是+1

前++ 先赋值 在加1

后++ 先加1 再赋值

/

</script>

<script>

/ var x = 5//number

var y = 2//number

comsole.log(x + y)//7

comsole.log(x - y)//3

comsole.log(x * y)//10

comsole.log(x / y)//2.5

comsole.log(x % y)//1 */

1、splice

splice(index,len,[item])注释:该方法会改变原始数组。

splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值

index:数组开始下标len: 替换/删除的长度 item:替换的值,删除 *** 作的话 item为空

如:arr = ['a','b','c','d']

删除 ---- item不设置

arr.splice(1,1) //['a','c','d'] 删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变

arr.splice(1,2) //['a','d'] 删除起始下标为1,长度为2的一个值,len设置的2

替换 ---- item为替换的值

arr.splice(1,1,'ttt')//['a','ttt','c','d'] 替换起始下标为1,长度为1的一个值为‘ttt',len设置的1

arr.splice(1,2,'ttt')//['a','ttt','d'] 替换起始下标为1,长度为2的两个值为‘ttt',len设置的1

添加 ---- len设置为0,item为添加的值

arr.splice(1,0,'ttt')//['a','ttt','b','c','d'] 表示在下标为1处添加一项‘ttt'

看来还是splice最方便啦

2、delete

delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变

如:delete arr[1] //['a', ,'c','d'] 中间出现两个逗号,数组长度不变,有一项为undefined

     在我们日常生活中偶尔会遇到一些自己不知道如何解决的问题,比如js数组删除指定下标元素。那么我们应该怎样解决这种自己不知道如何js数组删除指定下标元素的情况呢?那么接下来就由我来介绍一下js数组删除指定下标元素的步骤吧。

      第一步:

      首先我们要先通过JavaScript代码来判断我们要删除的元素是否在这个数组里,我们可以通过以下的方法来实现这个功能

      第二步:

      通过上述的方法可以定义一个函数来判断是否指定元素在数组里,若在数组里则返回true,不在数组里则返回false,我们也可以通过indexOf方法来判断指定元素是否在数组里

      第三步:

      用indexOf方法需要注意两点,一是indexOf方法中的O必须要大写,二是这个方法在IE浏览器中的数组不存在这个方法

      第四步:

      找到要删除的元素的索引后通过以下的函数方法对这个元素进行删除,这个功能的实现主要通过splice()方法实现,splice()方法主要用于删除、替换、添加数组中的元素等等

      看了我的方法,现在你学会如何js数组删除指定下标元素了吗?学会了的话就快快把这个方法分享出去,让更多的人知道如何js数组删除指定下标元素。以上就是js数组删除指定下标元素的步骤。

      本文章基于Dell品牌、Windows10系统撰写的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11724751.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存