资讯专栏INFORMATION COLUMN

数组常用方法总结

Karuru / 1797人阅读

摘要:不会改变原数组的方法方法返回一个新的数组对象,这一对象是一个由和不包括决定的原数组的浅拷贝。遍历数组的方法方法对数组的每个元素执行一次提供的函数。

不会改变原数组的方法

slice() 方法返回一个新的数组对象,这一对象是一个由 begin和 end(不包括end)决定的原数组的浅拷贝。原始数组不会被改变。

//语法:
arr.slice();
// [0, end]

arr.slice(begin);
// [begin, end]

arr.slice(begin, end);
// [begin, end)

//示例
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

// fruits contains ["Banana", "Orange", "Lemon", "Apple", "Mango"]
// citrus contains ["Orange","Lemon"]

concat() 方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。
concat方法创建一个新的数组,它由被调用的对象中的元素组成,每个参数的顺序依次是该参数的元素(如果参数是数组)或参数本身(如果参数不是数组)。它不会递归到嵌套数组参数中。

concat方法不会改变this或任何作为参数提供的数组,而是返回一个浅拷贝,它包含与原始数组相结合的相同元素的副本。 原始数组的元素将复制到新数组中,如下所示:

对象引用(而不是实际对象):concat将对象引用复制到新数组中。 原始数组和新数组都引用相同的对象。 也就是说,如果引用的对象被修改,则更改对于新数组和原始数组都是可见的。 这包括也是数组的数组参数的元素。
数据类型如字符串,数字和布尔(不是String,Number 和 Boolean 对象):concat将字符串和数字的值复制到新数组中。

var array1 = ["a", "b", "c"];
var array2 = ["d", "e", "f"];

console.log(array1.concat(array2));
// expected output: Array ["a", "b", "c", "d", "e", "f"]
遍历数组的方法

forEach() 方法对数组的每个元素执行一次提供的函数。

//语法
arr.forEach(callback,thisArg);
// callback
// 为数组中每个元素执行的函数,该函数接收三个参数:
    // 1.currentValue
    // 数组中正在处理的当前元素。
    // 2.index可选
    // 数组中正在处理的当前元素的索引。
    // 3.array可选
    // forEach() 方法正在操作的数组。
// thisArg可选
// 可选参数。当执行回调函数时用作 this 的值(参考对象)

// 示例
var array1 = ["a", "b", "c"];
array1.forEach((element) => console.log(element));
改变原数组的方法

splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。

// 示例

var myFish = ["angel", "clown", "mandarin", "sturgeon"];
var removed = myFish.splice(2, 0, "drum");

// 运算后的 myFish: ["angel", "clown", "drum", "mandarin", "sturgeon"]
// 被删除的元素: [], 没有元素被删除


var myFish = ["angel", "clown", "drum", "sturgeon"];
var removed = myFish.splice(2, 1, "trumpet");

// 运算后的 myFish: ["angel", "clown", "trumpet", "sturgeon"]
// 被删除的元素: ["drum"]
    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104100.html

相关文章

  • js 中数组常用方法总结

    摘要:在为的位置,删除个元素,插入删了为的元素,替换为删了为的元素数组的增删改都可以用完成返回从原数组中指定开始下标到结束下标之间的项组成的新数组该方法不会改变原始数组。不传值表示克隆了除了正常用法,经常用来将对象转换为。 js 中数组的常用方法总结 arr.fill(a);//所有子元素 都改为 a; [{a: 1},{b: 2}, ...Array(8).fill({}, 0)] //...

    luckyw 评论0 收藏0
  • (转)JavaScrit常用数组算法总结

    摘要:原文地址不管是在面试中还是在笔试中,我们都会被经常问到关于数组的一些算法,比方说数组去重数组求交集数组扰乱等等。今天抽点时间把中的一些常用的数组算法做一下总结,以方便大家面试笔试或者日常开发过程中用到。 原文地址:http://www.cnblogs.com/front-... 不管是在面试中还是在笔试中,我们都会被经常问到关于javascript数组的一些算法,比方说数组去重、数组求...

    warnerwu 评论0 收藏0
  • ES6常用数据方法总结

    摘要:以上个方法及以上才支持。不过可以通过转义支持低版本。以上均不改变原数组。让数组的前后两项进行某种计算,返回最终操作的结果。 1. forEach() let array = [1,2,3,4]; array.forEach((item, index, array) => {   console.log(item); }); forEach会遍历数组, 没有返回值, 不允许在循环体内写r...

    gitmilk 评论0 收藏0
  • JS 数组常用API方法和遍历方法总结

    摘要:数组语法功能遍历数组,返回回调返回值组成的新数组,不改变原数组,不会对空数组进行检测语法功能无法,可以用中来停止,不改变原数组语法功能过滤,返回过滤后的数组,不改变原数组,不会对空数组进行检测语法功能有一项返回,则整体为,不改变原数组语法 数组 (array) ES5 * map 语法:[].map(function(item, index, array) {return xxx})功...

    TNFE 评论0 收藏0
  • 新手开发中常用ES6基础知识总结

    摘要:感觉对我这种没实习没工作的新手,虽然一些高级的功能暂时用不上,但是一些基础的知识还是为平时的开发提供了巨大的便利。学习告一段落,现在结合平时的开发,总结一些常用的知识。日常开发中,块级作用域中使用的变量,尽量使用或者声明。使用时,进行合并。 很早之前就学过TypeScript和ES6,后来做项目的时候零零散散用了些。这几天又系统地把ES6的知识看了一遍。感觉对我这种没实习没工作的新手,...

    Paul_King 评论0 收藏0

发表评论

0条评论

Karuru

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<