搜尋
首頁web前端前端問答es6怎麼刪除陣列中的元素
es6怎麼刪除陣列中的元素May 19, 2022 pm 07:17 PM
es6es6數組

刪除方法:1、用shift()刪除第一個元素,語法「arr.shift()」;2、用pop()刪除最後一個元素,語法「arr.pop()」; 3.用splice()依下標刪除任意元素,語法「arr.splice(開始下標,刪除元素個數)」。

es6怎麼刪除陣列中的元素

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

在JavaScript中,刪除陣列元素有多種方法,以下要為大家介紹一些。

方法1:使用shift()函數刪除第一個陣列元素

#array.shift()函數可以把陣列的第一個元素從其中刪除,並傳回第一個元素的值;然後將餘下所有元素前移1 位,以填補數組頭部的空缺。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);

輸出結果為:

es6怎麼刪除陣列中的元素

可以看出:上例使用a.shift()來刪除a陣列開頭的數值1,然後會重置索引(重新從0開始);且shift()方法會改變原數組,修改數組的長度!因此使用console.log(a)來輸出原始數組,顯示的是已經刪除開頭元素的數組。

方法2:使用pop()刪除最後一個陣列元素

#array.pop()方法可以刪除陣列array 中最後一個元素,並傳回被刪除的元素。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)

輸出結果為:

es6怎麼刪除陣列中的元素

可以看出:上例使用a.pop()來刪除a陣列結尾的數值8,然後會重置索引(重新從0開始);且pop()方法也會改變原數組,修改數組的長度!

方法3:使用 splice() 根據陣列下標刪除任意元素

使用splice()可以從指定下標位置開始刪除一個或多個元素。

刪除元素的語法:

array.splice(index,howmany)
  • 第1個參數 index 可以指定起始下標位置(即開始刪除元素的位置) ;

  • 第2個參數 howmany 指定應該刪除的元素數目(即需要刪除的一個或多個元素)。

我們透過下面的例子來具體看看:

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,2);
console.log(arr);

可以看出:使用arr.splice(1,2)從下標1的位置(陣列第2個元素)開始刪除2個元素,也就是刪除了arr[1]arr[2],因此輸出結果為:

es6怎麼刪除陣列中的元素

利用splice() 方法我們也可以實作在陣列開頭和結尾刪除元素的操作:

  • 如果想要在陣列一開始刪除元素,就設定該方法第1個參數index的值為0即可

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(0,2);
console.log(arr);

es6怎麼刪除陣列中的元素

  • 如果想要在陣列最後刪除元素,就設定該方法第1個參數index的值為負數,那麼就會以絕對值從陣列右邊開始向左側定位;且第2個參數howmany的值要等於 index的值。

var arr= [1,2,3,4,5];
console.log(arr);

//从倒数第二个元素开始,截取两个元素
arr.splice(-2,2);
console.log(arr);

es6怎麼刪除陣列中的元素

【相關推薦:javascript影片教學web前端

以上是es6怎麼刪除陣列中的元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
es6怎么判断是否为数组es6怎么判断是否为数组Apr 25, 2022 pm 06:43 PM

在es6中,可以利用“Array.isArray()”方法判断对象是否为数组,若判断的对象是数组,返回的结果是true,若判断对象不是数组,返回的结果是false,语法为“Array.isArray(需要检测的js对象)”。

es6中遍历跟迭代的区别是什么es6中遍历跟迭代的区别是什么Apr 26, 2022 pm 02:57 PM

es6中遍历跟迭代的区别是:遍历强调的是要把整个数据依次全部取出来,是访问数据结构的所有元素;而迭代虽然也是依次取出数据,但是并不保证取多少,也不保证把所有的数据取完,是遍历的一种形式。

es6中怎么判断两个对象是否相等es6中怎么判断两个对象是否相等Apr 19, 2022 pm 03:34 PM

在es6中,可用Object对象的is()方法来判断两个对象是否相等,该方法检测两个变量的值是否为同一个值,判断两个对象的引用地址是否一致,语法“Object.is(对象1,对象2)”;该方法会返回布尔值,若返回true则表示两个对象相等。

es6怎么将数字转为字符串es6怎么将数字转为字符串Apr 19, 2022 pm 06:38 PM

转换方法:1、利用“+”给数字拼接一个空字符,语法“数字+""”;2、使用String(),可把对象的值转换为字符串,语法“String(数字对象)”;3、用toString(),可返回数字的字符串表示,语法“数字.toString()”。

es6中assign的用法是什么es6中assign的用法是什么May 05, 2022 pm 02:25 PM

在es6中,assign用于对象的合并,可以将源对象的所有可枚举属性复制到目标对象;若目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性,语法为“Object.assign(...)”

es6怎么改变数组数据es6怎么改变数组数据Apr 26, 2022 am 10:08 AM

改变方法:1、利用splice()方法修改,该方法可以直接修改原数组的内容,语法为“数组.splice(开始位置,修改个数,修改后的值)”;2、利用下标访问数组元素,并重新赋值来修改数组数据,语法为“数组[下标值]=修改后的值;”。

sort排序是es6中的吗sort排序是es6中的吗Apr 25, 2022 pm 03:30 PM

sort排序是es6中的;sort排序是es6中用于对数组的元素进行排序的方法,该方法默认不传参,按照字符编码顺序进行排序,排序顺序可以是字母或数字,并按升序或降序,语法为“array.sort(callback(a,b))”。

import as在es6中的用法是什么import as在es6中的用法是什么Apr 25, 2022 pm 05:19 PM

在es6中,import as用于将若干export导出的内容组合成一个对象返回;ES6的模块化分为导出与导入两个模块,该方法能够将所有的导出内容包裹到指定对象中,语法为“import * as 对象 from ...”。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境