美文网首页Web前端之路
浅谈数组的基本方法

浅谈数组的基本方法

作者: da8368ed57bd | 来源:发表于2019-12-10 13:47 被阅读0次
  1. push() 从后面推;表示从数组的尾部添加元素 原数组发生变化,返回值为加入新元素之后数组的总长度
var arr1 = [1,2,3,4,5,6,7,8];
var a1 = arr1.push(9,10,'1-10之间的数');
console.log(a1,arr1);
  1. pop() 从数组的尾部删除一个元素 原数组发生改变,返回值为删除的元素 不接受参数,括号里面写参数没意义,也就是说只能删除一个元素
var arr2 = [1,2,3,4,5,6,7,8,9,10];
var a2 = arr2.pop();
console.log(a2,arr2);
  1. unshift() 把参数添加到数组的头部 原数组发生改变,返回值为新数组的长度
var arr3 = [2,3,4,5,6,7,8,9,10];
var a3 = arr3.unshift(0,1);
console.log(a3,arr3);
  1. shift() 从数组头部删除一个元素 返回删除的元素,原数组发生改变 不接受参数,括号里面写参数没意义,也就是说只能删除一个元素
var arr4 = [0,1,2,3,4,5,6,7,8,9,10];
var a4 = arr4.shift();
console.log(a4,arr4);
  1. 截取类的添加与删除的方法
  • 5.1 slice
var arr5 = [0,1,2,3,4,5,6,7,8,9,10];
var a51 = arr5.slice(5);  
//一个参数表示从该索引所在的元素开始截取,直到数组结束   原数组不发生改变   返回值为截取的数组元素
console.log(a51,arr5);
var a52 = arr5.slice(5,10);   
//两个参数:第一个表示从该索引的位置开始截取,直到第二个数值结束,不包括第二个参数对应索引位置上的元素   返回值为截取的元素   原数组不发生改变
console.log(a52,arr5);
  • 5.2 splice
var arr6 = [0,1,2,3,4,5,6,7,8,9,10];
// var a61 = arr6.splice(5);   //一参数表示从对应的索引位置开始截取,直到数组结束   原数组发生改变   返回值的截取的数组
// console.log(a61,arr6);   //原数组发生改变,所以要注释掉,以免影响后续代码的实现
// var a62 = arr6.splice(5,2);   //两个参数:第一个表示从对应的索引位置开始截取,第二个表示截取的长度   原数组发生改变   返回值为截取的元素
// console.log(a62,arr6);
var a63 = arr6.splice(5,5,'哈哈');
console.log(a63,arr6);   //三个参数:第一个为从对应位置的索引开始截取,第二个表示截取长度,第三个表示从截取的起始位置添加后续的元素   返回值为截取的元素   原数组发生改变

6.reverse 翻转数组

var arr7 = [0,1,2,3,4,5,6,7,8,9,10];
var a7 = arr7.reverse();   
// 原数组发生改变   不接收参数   返回值为翻转之后的数组
console.log(a7,arr7);

7.sort 从小到大排列数组

var arr8 = [10,9,8,7,6,5,4,3,2,1,0];
var a8 = arr8.sort();   
// 原数组发生改变   不接收数值  返回值为排序之后的数组   注意是根据个位数进行排序对的
console.log(a8,arr8);

8.join 将数组转换成字符串 以参数来进行拼接

var arr9 = [0,1,2,3,4,5,6,7,8,9];
var a9 = arr9.join(''); 
// 原数组不发生变化   括号里面的数值为拼接方式
console.log(a9,arr9);

9.cancat 用于连接两个或者多个数组

var arr10 = [1,2,3];
var arr11 = [4,5,6];
var a10 = arr10.concat(arr11);   
//原数组不发生变化   该句的意思为:让arr10和arr11进行拼接
console.log(a10,arr10,arr11);

相关文章

  • 浅谈数组的基本方法

    push() 从后面推;表示从数组的尾部添加元素 原数组发生变化,返回值为加入新元素之后数组的总长度 pop()...

  • 数组基本方法

    一、转换方法 数组调用toString()时,会给每一项调用toString()然后拼接成字符串,数组调用toLo...

  • 数组的简单总结

    定义数组: 构造函数 字面量 数组的长度 arr.length 数组的方法: 基本方法(添加,删除,修改) 栈方法...

  • 2017.12.9-学习笔记:篇五之es6数组的扩展

    数组的扩展 →点我去看基本的数组方法 →点我去看基本的字符串方法 →点我去看ES5新增的数组方法 →点我去看ES6...

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • 浅谈数组新增的方法

    indexOf(n) 返回值为n在数组中的索引,没有索引返回值就为-1注意有两个参数:第一个为需要检测的元素,...

  • 浅谈数组的基本概念

    1.数组的概念 一组有序数据的集合,每个数据被称为元素,数组中可以放任意类型的元素;存储在单个变量下。 2.数组的...

  • 数组方法整理

    操作数组的方法 子曾经曰过,这是基本功,就和练武的马步一样! 数组的基本方法 一、原数组改变 1.push() 释...

  • Kotlin数据容器(2)✔️基本数据类型数组

    基本数据类型数组3种基本数据类型数组的创建方法 一、基本数据类型数组   kotlin 编译器将元素是基本类型的 ...

  • 对Method、Field的访问

    访问非静态方法 访问静态方法 访问Java的构造方法 访问基本类型数据数组 访问引用数据类型数组

网友评论

    本文标题:浅谈数组的基本方法

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