前端js截取数组的常用方法(记得收藏点赞)

话不多说，直接上代码

1.获取字符串末尾项的方法

获取字符串末尾项的方法：
var a = "erjhghjadsjf";
console.log(a[a.length-1]);
或者
var  a =  "erjhghjadsjf";
console.log(a.charAt(a.length-1)); //charAt() 方法可返回指定位置的字符。
获取数组末尾项的方法：
var arr = [1,2,3,4,5,6,7,9];
console.log(arr[arr.length - 1]);

2.pop()

pop() 方法从数组中删除最后一个元素：
实例
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // 从 fruits 删除最后一个元素（"Mango"）
pop() 方法返回“被弹出”的值：
实例
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // x 的值是 "Mango"

3.shift()

位移与弹出等同，但处理首个元素而不是最后一个。shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引。var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // 从 fruits 删除第一个元素 "Banana"shift() 方法返回被“位移出”的字符串：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // 返回 "Banana"

4.unshift()

unshift() 方法（在开头）向数组添加新元素，并“反向位移”旧元素：var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 向 fruits 添加新元素 "Lemon"亲自试一试
unshift() 方法返回新数组的长度。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 返回 5

5.push()


push() 方法（在数组结尾处）向数组添加一个新的元素：var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       //  向 fruits 添加一个新元素push() 方法返回新数组的长度：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =  fruits.push("Kiwi");   //  x 的值是 5

6.更改元素

通过使用它们的索引号来访问数组元素：数组索引(下标)以 0 开始.[0] 是第一个数组元素,[1] 是第二个,[2] 是第三个 ...var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // 把 fruits 的第一个元素改为 "Kiwi"

7.delete

既然JavaScript 数组属于对象,其中的元素就可以使用 JavaScript delete运算符来删除：var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // 把 fruits 中的首个元素改为 undefined

8.length()

length 属性提供了向数组追加新元素的简易方法：var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // 向 fruits 追加 "Kiwi

9,splice()

splice() 删除&替换/增加var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");第一个参数（2）从哪开始删除。第二个参数（0）定义应删除多少元素。其余参数 用什么补上被删除的元素，可以为空。
返回值是被删除的元素

10.concat()

concat() 方法通过合并（连接）现有数组来创建一个新数组：var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // 连接 myGirls 和 myBoysconcat() 方法不会更改现有数组。它总是返回一个新数组。
concat() 方法可以使用任意数量的数组参数：

笔者还是最喜欢使用第九种 splice()方法，因为比较灵活，适用于多种场景，用起来比较顺手。当然，还是看个人爱好和使用场景来选择合适的方法。

前端js截取数组的常用方法(记得收藏点赞)相关推荐

js截取数组的操作 - Kaiqisan
js截取数组的操作 hey みんなさんこんにちはKaiqisanと申します.一つの学生プログラマーである-,今天来讲一下截取数组的操作.由于我在项目的实践中总是会用到这个方法但是经常会忘记这些方法的时 ...
js数组的增删改查方法、js截取数组方法
增加的方法: 1.push()方法向数组中末尾添加一个元素,原数组改变. 2.unshift()方法向数组中开始元素添加一个元素,原数组改变. 3.splice()方法:可以添加.删除元素.也可以截取 ...
使用js截取数组中的元素---前端面试
使用js获取数组中的元素面试官提问:现在有一个包含10个元素的数组,你有什么方法能够取出其中的第二个和第三个元素吗 1.slice函数 Array.slice(),接收两个参数,起始位置(包含起始元 ...
JS中数组的常用方法（concat拼接，join修改间隔符，pop移除最后一个元素，push在数组最后添加新的元素，reverse反转数组元素，shift移除第一个元素，unshift添加，spli）
<html><head><title>js数组的常用方法</title><meta charset="UTF-8"/>& ...
JS基础-数组的常用方法（ES3）
数组的常用方法数组是一个复杂数据类型,我们在操作它的时候就不能再像基本数据类型一样操作了比如我们想改变一个数组 // 创建一个数组 var arr = [1, 2, 3] // 我们想把数组变成 ...
JS截取数组：使用splice()和slice()方法
splice() 方法 splice() 方法可以添加元素.删除元素,也可以截取数组片段.删除元素时,将返回被删除的数组片段,因此可以使用 splice() 方法截取数组片段. 由于 splice() ...
JS中数组的常用方法
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
js截取数组slice() 和 splice() 的用法
一句话先提前概括: slice(start,end) 从哪到哪开始 splice(strt,end,index1,index2) 从什么位置开始,删几个?删了后插入什么新元素? 注意:slice() ...
js截取数组slice(),splice()两种方法
slice() 返回一个索引和另一个索引之间的数据(不改变原数组),slice(start,end)有两个参数(start必需,end选填),都是索引,返回值不包括end 用法和截取字符串一样 h ...

前端js截取数组的常用方法(记得收藏点赞)

话不多说，直接上代码

1.获取字符串末尾项的方法

2.pop()

3.shift()

4.unshift()

5.push()

6.更改元素

7.delete

8.length()

9,splice()

10.concat()

笔者还是最喜欢使用第九种 splice()方法，因为比较灵活，适用于多种场景，用起来比较顺手。当然，还是看个人爱好和使用场景来选择合适的方法。

前端js截取数组的常用方法(记得收藏点赞)相关推荐

最新文章

热门文章