全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

详解js数组slice函数

发布时间:2023-11-22 20:59:35
发布人:xqq

一、js数组slice函数

js数组slice函数被用于从一个数组中返回一个选定的元素序列,生成一个新的数组对象。

语法如下:


array.slice(start, end)

其中,参数start是必须的,end是可选的。start指定从何处开始选取(包含start所在元素),end(可选)为截止处(不包含)。

示例代码:


var fruits = ['apple', 'banana', 'mango', 'orange', 'pineapple'];
var citrus = fruits.slice(1,3); //截取数组从索引1开始到索引3的元素,不包括索引3的元素
console.log(citrus); //输出:["banana", "mango"]

二、Js数组排序

在使用slice之前,可以对数组进行排序以提高效率。js提供了sort()函数进行排序操作。sort()函数默认将元素转换为字符串,并在Unicode位点顺序下进行排序。可以编写自定义函数用作sort()的参数来控制排序表现。排序完成后使用slice()来提取想要的元素。

示例代码:


var point = [40, 100, 1, 5, 25, 10];
point.sort(function(a, b){return a-b}); //数字排序后生成一个新数组
var newpoint = point.slice(1,3); //提取排序后的第2、3两个元素
console.log(newpoint); //输出:[5, 10]

三、js数组slice原理

js数组slice()的原理是从原先的数组中提取出需要的部分,生成一个新的数组,原数组并不会发生任何改变。slice方法返回的新数组可以存储在一个变量中并作为一个数组使用,这有时可以使代码更整洁易读。

示例代码:


var nums = [1,2,3,4,5];
var newNums = nums.slice(2,4);
console.log(newNums); //输出:[3, 4]
console.log(nums); //输出:[1, 2, 3, 4, 5]

四、js数组

在JavaScript中,数组是一种特殊的对象,用于存储多个元素。js数组中的每个元素可以是任何类型的数据(数字,字符串甚至是另一个数组)。

示例代码:


var myArray = ['苹果', '香蕉', '橙子', 1, 2, 3];
console.log(myArray); //输出:["苹果", "香蕉", "橙子", 1, 2, 3]

五、js数组slice方法

js数组slice()方法用于从已有的数组中返回选定的元素。如果没有指定第二个参数,则选取从起始索引到数组结尾的所有元素。

示例代码:


var fruits = ['苹果', '香蕉', '橙子', '芒果', '梨子'];
var citrus = fruits.slice(1);
console.log(citrus); //输出:["香蕉", "橙子", "芒果", "梨子"]

六、js数组slice和splice

js数组slice()和splice()是Array.prototype上的两个方法。它们都可以从数组中提取元素,但有所不同。slice()返回一个新数组,而splice()删除、替换或插入一个或多个元素,并返回原数组。

示例代码:


var myArray = ['早餐', '午餐', '晚餐', '夜宵'];
var slicedArray = myArray.slice(1,3); //slice()方法从索引1到2返回引用
console.log(myArray); //输出:["早餐", "午餐", "晚餐", "夜宵"]
console.log(slicedArray); //输出:["午餐", "晚餐"]

var splicedArray = myArray.splice(1, 2); //删除从索引1开始的2个元素,并返回被删除元素的数组
console.log(myArray); //输出:["早餐", "夜宵"]
console.log(splicedArray); //输出:["午餐", "晚餐"]

七、js数组slice方法时间复杂度

时间复杂度是算法的一个性质,衡量的是执行程序所需的计算工作量。对于js数组的slice()方法,时间复杂度为O(n),其中n是需要返回的元素个数。

八、js数组排序

在JavaScript中,可以使用sort()方法对数组进行排序。排序操作可以用来提高对数组的遍历或查找操作的效率。

九、js数组方法

在JavaScript中,还有其他许多有用的数组方法,例如push()、pop()、shift()、unshift()、indexOf()和lastIndexOf()。

push()向数组末尾添加一个或多个元素。

pop()从数组末尾删除一个元素。

shift()从数组头部删除一个元素。

unshift()向数组头部添加一个或多个元素。

indexOf()查找一个指定元素在数组中第一次出现的位置。

lastIndexOf()查找一个指定元素在数组中最后一次出现的位置。

示例代码:


var myArray = ['苹果', '香蕉', '橙子'];
myArray.push('梨子');
console.log(myArray); //输出:["苹果", "香蕉", "橙子", "梨子"]

myArray.pop();
console.log(myArray); //输出:["苹果", "香蕉", "橙子"]

myArray.shift();
console.log(myArray); // 输出:["香蕉", "橙子"]

myArray.unshift('西瓜');
console.log(myArray); //输出:["西瓜", "香蕉", "橙子"]

console.log(myArray.indexOf('香蕉')); //输出:1

console.log(myArray.lastIndexOf('橙子')); //输出:2

jsslice

相关文章

Object转实体对象详解

Object转实体对象详解

2023-11-22
Uniapp点击事件全解析

Uniapp点击事件全解析

2023-11-22
EasyUEFI引导双系统

EasyUEFI引导双系统

2023-11-22
byte转string详解

byte转string详解

2023-11-22

最新文章

武汉新媒体行业公司排名

武汉新媒体行业公司排名

2023-11-01
武汉新媒体就业现状好吗

武汉新媒体就业现状好吗

2023-11-01
武汉全媒体行业发展现状及趋势

武汉全媒体行业发展现状及趋势

2023-10-31
武汉全媒体现状

武汉全媒体现状

2023-10-31
在线咨询 免费试学 教程领取