内置对象Array-2

pop()

  • 原文MDN - pop()

  • 功能pop() 方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。

  • 语法

    • arr.pop():返回从数组中删除的元素
  • 返回值:一个新数组,每个元素都是回调函数的结果。

  • 代码

let arr = [1, 2, 3, 4];for(let i = 0, time = 1; i < arr.length; time  ) {  console.log(`------\n第 ${time} 次遍历:`);  console.log(arr.pop());  console.log(arr);}

push()

  • 原文MDN - push()

  • 功能push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。

  • 语法arr.push(element)

    • element:需要传入到数组的元素
  • 返回值:当调用该方法时,新的 length 属性值将被返回。

  • 代码

let arr = [];arr.push(1);arr.push('2');arr.push([3, 4, 5]);arr.push([...6, 7, 8]);console.log(arr);/*[1, "2", Array(3), 6, 7, 8]0: 11: "2"2: (3) [3, 4, 5]3: 64: 75: 8length: 6*/

reverse()

  • 原文MDN - reverse()

  • 功能reverse() 方法将数组中元素的位置颠倒,并返回该数组。该方法会改变原数组。

  • 语法arr.reverse()

  • 代码

let arr = [1, 2, 3];arr.reverse();console.log(arr); // [3, 2, 1]

shift()

  • 原文MDN - shift()

  • 功能shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。

  • 语法arr.shift()

  • 返回值:数组中删除第一个元素,并返回该元素的值。

  • 代码

let str = [1, 2, 3];console.log(str.shift()); // 1console.log(str.shift()); // 2console.log(str.shift()); // 3console.log(str.shift()); // undefined

unshift()

  • 原文MDN - unshift()

  • 功能unshift() 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度。

  • 语法arr.unshift(element1, ..., elementN)

    • element1:要插入的第一个元素
    • elementN:要插入的第 N 个元素
  • 返回值:当一个对象调用该方法时,返回其 length 属性值。( unshift 会改变原本数组)

  • 代码

let arrA = ['1'];arrA.unshift('0');console.log(arrA); // ['0', '1']let arrB = [4, 5, 6];arrB.unshift(1, 2, 3);console.log(arrB); // [1, 2, 3, 4, 5, 6]

slice()

  • 原文MDN - slice()

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

  • 语法array.slice(begin, end)

    • begin:(可选)提取起始处的索引(从 0 开始),从该索引开始提取原数组元素。
    • end:(可选)提取终止处的索引(从 0 开始),在该索引处结束提取原数组元素。
  • 返回值:一个含有被提取元素的新数组。

  • 代码

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

splice()

  • 原文MDN - splice()

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

  • 语法array.splice(start, deleteCount, item1, item2, ...)

    • start:指定修改的开始位置(从0计数)。
    • deleteCount:整数,表示要移除的数组元素的个数。
    • item1, item2, ...:要添加进数组的元素,从start 位置开始。如果不指定,则 splice() 将只删除数组元素。
  • 返回值:由被删除的元素组成的一个数组。如果只删除了一个元素,则返回只包含一个元素的数组。如果没有删除元素,则返回空数组。

  • 代码

var months = ['Jan', 'March', 'April', 'June'];months.splice(1, 0, 'Feb');console.log(months);// ['Jan', 'Feb', 'March', 'April', 'June']months.splice(4, 1, 'May');console.log(months);// ['Jan', 'Feb', 'March', 'April', 'May']

sort()

  • 原文MDN - sort()

  • 功能sort() 对数组的元素进行排序,并返回数组。

  • 语法sort(function)

    • function:按某种顺序进行排列的函数。
  • 返回值:排序后的数组。

  • 代码

[4, 2, 5, 1, 3].sort(), // [1, 2, 3, 4, 5][4, 2, 5, 1, 3].sort((a, b) => a < b), // [5, 4, 3, 2, 1]['a', 'd', 'c', 'b'].sort(), // ['a', 'b', 'c', 'd']['jsliang', 'eat', 'apple'].sort(), // ['apple', 'eat', 'jsliang']

toString()

  • 原文MDN - toString()

  • 功能toString() 返回一个字符串,表示指定的数组及其元素。

  • 语法arr.toString()

  • 返回值:一个表示指定的数组及其元素的字符串。

  • 代码

let num = 123;num.toString(); // '123'

来源:https://www.icode9.com/content-4-793301.html

(0)

相关推荐

  • 最全的JavaScript常见的操作数组的函数方法宝典

    JavaScript在其内部封装了一个Array对象,使得我们可以方便地使用数组这种简单的数据结构,同时,也在 Array对象的原型上定义了一些常用并且很有用的操作数组的函数. 本文就将详细介绍一下每 ...

  • es6 快速入门 系列 —— 解构

    解构 我们经常使用数组或对象存储数据,然后从中提取出相关数据信息 试图解决的问题 以前开发者为了从对象或数组中提取出特定数据并赋值给变量,编写了很多重复的代码,就像这样: function demo1 ...

  • 前端笔试题——数组去重(保姆级手撕)

    引言: 对于传统的前端工程师来说,更多的只是把服务端响应的数据渲染到页面上. 随着前端的不断进化,算法对我们而言也日渐重要,大公司为了优中选优,经常也会用算法题去筛选更优秀的人才. 算法,或许在工作中 ...

  • js数组方法(管饱)

    有一些数组方法是ECMAScript新增的,一定要注意浏览器的兼容!!Array对象属性:属性说明constructor返回对创建此对象的函数引用length返回集合内的元素的所有长度prototyp ...

  • WEB前端第二十六课——js数组

    WEB前端第二十六课——js数组

  • JS数组的常用方法

    JS数组的常用方法

  • python - 内置对象 之 变量

    一.变量命名规划 1.命名规则 (1)命名内容只能是字母.下划线.数字 (2)名字第1字符只能是字母或下划线 (3)区分大小写 2.私有变量 (1)_xxx "单下划线" 开始的成 ...

  • 【Asp.net】 七大内置对象

    本文主要分析Asp.net的7大内置对象. 利用提供的内置对象可以实现页面之间的数据传递和一些特定的功能,如数据输出,页面重定向等.5个核心常用内置对象分别是Application,Session, ...

  • thymeleaf基础语法及内置对象

    在上一篇中已经讲解了thymeleaf的应用,下面再来介绍一下thymeleaf基础语法及内置对象与工具类.thymeleaf基础语法thymeleaf基础语法主要有以下四种:变量表达式${}选择变量 ...

  • javascript内置对象的innerText、innerHTML、join方法的认识

    innerText语法规范:HTMLElement.innerText = string ;//后面的赋值是一个字符串形式 innerText是一个非标准形式,不识别HTML标签 返回值会去除空格和换 ...

  • 原生JS内置对象的字符串操作习题

    (一)获取字符串长度 console.log(str.length); // 33 (二)取出指定位置的字符,如:0,3,5,9等 console.log(str[0], str[3], str[5] ...

  • 内置对象Math.random()随机数方法的三种示例

    内置对象Math.random()随机数方法的三种示例

  • JavaScript——常用内置对象

    JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外I,JavaScript还提供多个内建对象,比如 Array,Date,Math 等等 对象只是带有属性和方法的特殊数据 ...

  • JavaScript的内置对象

    内置对象:对象是由属性和方法组成的,使用点语法访问 一,array数组 1. 特点: 数组用于存储若干数据,自动为每位数据分配下标,从0开始 数组中的元素不限数据类型,长度可以动态调整 动态操作数组元 ...

  • JS异步单线程与内置对象面试

    什么是异步? <script> //异步 console.log(1); setTimeout(function(){ alert(2); },1000); console.log(3); ...