slice,Array.prototype.slice,Array.protyotype.slice.call

slice

特点:基于当前数组中的一或多个项创建一个新数组。【原数组不会被修改】

返回结果:返回一个从开始结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象。

语法:

arr.slice();
arr.slice(start);
arr.slice(start,end);

参数解释:

start:

  1、从该索引开始获取原数组的元素-------从0开始

  2、为负数:表示从原数组中倒数第几个元素开始。例子:slice(-2)----->表示提取原数组中的倒数第二个元素到最后一个元素

  3、如果省略start,默认从0开始

end:

  1、slice会提取原数组中从begin到end的所有元素【包含begin,不包含end】。

      例子:slice(2,4);------>提取索引为2、3的元素

  2、为负数:表示从原数组中的倒数第几个元素结束抽取

   例子:slice(-2,-1);------->抽取原数组中倒数第二个元素【不包括最后一个元素,即:倒数第一个元素】。

  3、如果省略end/end大于数组长度,slice会一直提取到原数组末尾。

******也可以这样说:如果参数里面有负数,可以将这个负数与数组长度值相加,从而得到相应的位置。

  例子:  

var arr=[1,2,3,4,5,6];
arr.slice(-2,-1)等价于arr.slice(4,5)

  

补充!!!!

slice不修改原数组,只会返回一个浅复制了原数组中的元素的一个新数组。原数组会按照以下规则拷贝:

1、如果该元素是个对象引用(不是实际的对象),slice会拷贝这个对象引用到新的数组里。【两个对象引用都引用了同一个对象-------如果被引用的对象发生改变,则新旧数组中的对应元素也会发生变化。】

2、对于字符串、数字以及布尔值来说(不是String,Number,Boolean对象),slice会拷贝这些新值到新的数组里,在别的数组里修改这些字符串/数字/布尔值,都不会影响另外一个数组

3、如果随意向两个数组添加新元素,不会影响另外一个数组。

slice还可以将一个类数组(Array-like)对象-----【例:arguments】或者集合转换成一个数组。

//使用 Array.prototype.slice.call(arguments)
function list() {
  return Array.prototype.slice.call(arguments);  //或者使用 [].slice.call(arguments)
} var list1 = list(1, 2, 3); // [1, 2, 3]
//使用bind简化该过程
var unboundSlice = Array.prototype.slice;
var slice = Function.prototype.call.bind(unboundSlice);

function list() {
  return slice(arguments);
}

var list1 = list(1, 2, 3); // [1, 2, 3]

博客内容源于:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

时间: 2024-10-03 19:23:34

slice,Array.prototype.slice,Array.protyotype.slice.call的相关文章

观V8源码中的array.js,解析 Array.prototype.slice为什么能将类数组对象转为真正的数组?

在官方的解释中,如[mdn] The slice() method returns a shallow copy of a portion of an array into a new array object. 简单的说就是根据参数,返回数组的一部分的copy.所以了解其内部实现才能确定它是如何工作的.所以查看V8源码中的Array.js     可以看到如下的代码: 一.方法  ArraySlice,源码地址,直接添加到Array.prototype上的"入口",内部经过参数.类型

【笔记】js Array.prototype.slice.call(arguments) 将函数的参数转换为数组方法的见解

我们知道函数里面的参数实际上是一个以数组形式储存的对象 但它并非一个数组 如果我们要将它转换为数组可以调用Array.prototype.slice() 这个方法 分析一下这个方法: Array.prototype:Array其实一个类名,但是调用类里面的方法只能够通过类的实例对象调用所以这里用了  Array.prototype 通过它自身的原型对象调用 其次是slice():这个是Array类里面的一个方法功能是截取数组里面的某一部分内容,它接收两个参数slice('数组下标起始位置','数

使用Array.prototype.indexOf()的几点注意

对应indexOf这个方法,在日常开发中比较常见的应该是String.prototype.indexOf()方法,Array.prototype.indexOf()方法和其有很大的相似性,本文不想去描述其的基本用法,而是去探究在使用中需要考虑的一些问题. 一.性能 在数组元素少的情况下,我们虽然只是跳过一个元素来检索,性能微不足道,但是当我们正在处理数以千计的元素,如果使用indexOf()的第二个参数,你可能获得性能上的显著提升. 二.全等(===) indexOf方法使用全等(===)来判断

Array.prototype.includes

if (!Array.prototype.includes) {  Array.prototype.includes = function(searchElement /*, fromIndex*/ ) {    'use strict';    var O = Object(this);    var len = parseInt(O.length) || 0;    if (len === 0) {      return false;    }    var n = parseInt(ar

javascript for in 循环时,会取到Array.prototype

/** *删除数组指定下标或指定对象 */ if(!Array.prototype.remove){ Array.prototype.remove = function(obj){ for(var i =0;i < this.length;i++){ var temp = this[i]; if(!isNaN(obj)){ temp=i; } if(temp == obj){ for(var j = i;j <this.length;j++){ this[j]=this[j+1]; } thi

Array.prototype.forEach数组遍历

forEach是Array新方法中最基本的一个,就是遍历,循环.先看以前是怎么遍历数组的 常用遍历 var arr = [1,2,3,4,5]; for(var i = 0; i < arr.length; i++){ console.log(arr[i]); // 1,2,3,4,5 } 排除null与undefined和不存在元素的遍历 var arr = [1,undefined,null,,5]; for(var i = 0; i < arr.length; i++){ if(!arr

Array.prototype.indexOf

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> //参数item:必选项,要查找的Array对象中的一子项 //参数i:可选项.该整数值指出在Array对象内开始查找的索引.如果省略,则从字符串的

数组的方法之(Array.prototype.forEach() 方法)

forEach() 方法对数组的每个元素执行一次提供的函数. 注意: 没有返回一个新数组 并且 没有返回值! 应用场景:为一些相同的元素,绑定事件处理器! const arr = ['a', 'b', 'c']; arr.forEach(function(element) { console.log(element); }); arr.forEach( element => console.log(element)); 语法 callback为数组中每个元素执行的函数,该函数接收三个参数: cu

理解Array.prototype.fill和Array.from

之所以将这两个方法放在一起说,是因为经常写这样的代码: Array.from({length: 5}).fill(0),看起来很简洁,但是踩到坑之后才发现自己对这两个方法实在是不求甚解. Array.from 这个静态方法可以将某些值转换成数组,值可以是一个字符串,一个set,一个map或者一个类数组对象,最终返回一个数组.例子如下: Array.from('一二三四五六七') // ["一", "二", "三", "四",