美文网首页
数组-方法

数组-方法

作者: 霜天晓 | 来源:发表于2017-08-24 20:24 被阅读0次

indexOf

获取指定元素的位置

slice

截取Array的部分元素,然后返回一个新的Array

slice(0, 2); // 从索引0开始,到索引2结束,但不包括索引2
slice(2); // 从索引4开始到结束

pushpop

push()Array的末尾添加若干元素,pop()则把Array的最后一个元素删除掉

let arr = [1, 2];

arr.push('A', 'B'); // 返回Array新的长度: 4
arr; // [1, 2, 'A', 'B']

arr.pop(); // pop()返回'B'
arr; // [1, 2, 'A']

arr.pop(); arr.pop(); arr.pop(); // 连续pop 3次
arr; // []

arr.pop(); // 空数组继续pop不会报错,而是返回undefined
arr; // []

unshiftshift

unshift()Array的头部添加若干元素,shift()则把Array的第一个元素删除掉

let arr = [1, 2];

arr.unshift('A', 'B'); // 返回Array新的长度: 4
arr; // ['A', 'B', 1, 2]

arr.shift(); // 'A'
arr; // ['B', 1, 2]

arr.shift(); arr.shift(); arr.shift(); // 连续shift 3次
arr; // []

arr.shift(); // 空数组继续shift不会报错,而是返回undefined
arr; // []

sort

sort()可以对当前Array进行排序,它会直接修改当前Array的元素位置,直接调用时,按照默认顺序排序

let arr = ['B', 'C', 'A'];
arr.sort();
arr; // ['A', 'B', 'C']

reverse

reverse()把整个Array的元素反转

let arr = ['A', 'B', 'C'];
arr.reverse(); 
arr; // ['C', 'B', 'A']

splice

splice()方法是修改Array的“万能方法”,它可以从指定的索引开始删除若干元素,然后再从该位置添加若干元素

let arr = ['A', 'B', 'C', 'D', 'E', 'F'];

// 从索引2开始删除3个元素,然后再添加两个元素:
arr.splice(2, 3, 'X', 'Y'); // 返回删除的元素 ['C', 'D', 'E']
arr; // ['A', 'B', 'X', 'Y', 'F']

// 只删除,不添加:
arr.splice(2, 2); // ['X', 'Y']
arr; // ['A', 'B', 'F']

// 只添加,不删除:
arr.splice(2, 0, 'M', 'N'); // 返回[],因为没有删除任何元素
arr; // ['A', 'B', 'M', 'N', 'F']

concat

concat()方法把当前的Array和另一个Array连接起来,并返回一个新的Array

let arr = ['A', 'B', 'C'];
let  added = arr.concat([1, 2, 3]);

added; // ['A', 'B', 'C', 1, 2, 3]
arr; // ['A', 'B', 'C']
// concat()方法并没有修改当前Array,而是返回了一个新的Array

let arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]
// concat()方法可以接收任意个元素和Array,并且自动把Array拆开,然后全部添加到新的Array里

join

join()方法把当前Array的每个元素都用指定的字符串连接起来,然后返回连接后的字符串

let arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'

let arr = ['A', 'B', 'C', 1, 2, [3, 4], [[5, 6], [7]]];
arr.join('-');  // 'A-B-C-1-2-3,4-5,6,7'
// 如果Array的元素不是字符串,将自动转换为字符串后再连接

相关文章

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组常用方法 数组的遍历方法

  • JavaScript数组中的22个常用方法

    数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组...

  • js数组方法

    数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组...

  • JavaScript迭代

    遍历对象 方法1 方法2 遍历数组 方法1 方法2 方法3 map数组 filter数组 reduce数组 找到某...

  • js数组的方法

    数组方法 下面开始介绍数组的方法,数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组...

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组合并 数组常用方法

  • js高级程序设计笔记9

    数组方法 数组迭代方法 every() filter() forEach() map() some() 数组归并方法

  • Javascript Array对象属性

    前面的话 数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、...

  • 数组方法

    数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下...

  • ES5新增方法

    1. 数组方法forEach遍历数组 2. 数组方法filter过滤数组 3. 数组方法some 4. some和...

网友评论

      本文标题:数组-方法

      本文链接:https://www.haomeiwen.com/subject/tukarxtx.html