`
123fly
  • 浏览: 12062 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

JS数组unshift、shift、pop、push函数操作

阅读更多

1.unshift  在数组的第一个元素前插入元素

js代码

// 使用unshift在数组第一个元素前插入元素
// 返回数组长度
var tmp = ['a','b'];
var len = tmp.unshift('c');
alert(len); // 3
alert(tmp); // c,a,b

 也可以插入多个元素,顺序依次从左排气

js代码

// 使用unshift在数组第一个元素前插入元素
// 返回数组长度
var tmp = ['a','b'];
var len = tmp.unshift('c','d');
alert(len); // 4
alert(tmp); // c,d,a,b

 2.shift弹出数组第一个元素,返回被弹出元素值

js代码

// 使用shift弹出数组第一个元素
// 返回被弹出的元素值
var tmp = ['a','b','c'];
var val = tmp.shift();
alert(val); // a
alert(tmp); // b,c

 如果是一个空数组

js代码

// 使用shift弹出数组第一个元素
// 返回被弹出的元素值
var tmp = [];
var val = tmp.shift();
alert(val); // undefined
alert(tmp); // 空

 3.push在数组末未添加元素

跟unshift相反,push在数组末尾添加元素,返回添加元素以后数组的长度

js代码

// 使用push在数组末尾添加多个元素
// 返回数组最新长度
var tmp = ['a','b','c'];
var len = tmp.push('d');
alert(len); // 4
alert(tmp); // a,b,c,d

 也可以一次添加多个元素

js代码

// 使用push在数组末尾添加多个元素
// 返回数组最新长度
var tmp = ['a','b','c'];
var len = tmp.push('d','e','f');
alert(len); // 6
alert(tmp); // a,b,c,d,e,f

 4.pop删除数组末尾元素

跟shift相反,pop弹出数组末尾元素,返回被弹出元素值

js代码

// 使用pop弹出数组末尾元素
// 返回被弹出的元素值
var tmp = ['a','b','c'];
var val = tmp.pop();
alert(val); // c
alert(tmp); // a,b

 如果数组为空,返回undefined

js代码

// 使用pop弹出数组末尾元素
// 返回被弹出的元素值
var tmp = [];
var val = tmp.pop();
alert(val); // undefined
alert(tmp); // 空

 

分享到:
评论

相关推荐

    JavaScript数组函数unshift、shift、pop、push使用实例

    总结以上,JavaScript数组的unshift、shift、pop和push函数为开发者提供了非常便捷的方式来操作数组元素,这些函数的功能和使用场景需要牢记于心,以便在编程时能够灵活运用。通过这些函数,我们可以有效地管理数组...

    JavaScript数组操作函数汇总

    JavaScript数组操作函数是编程中非常基础且重要的部分,它们提供了对数组进行各种操作的方法,包括添加、删除、合并以及转换等。以下是对标题和描述中提及的数组操作函数的详细说明: 1. **push()**: `push()` 函数...

    js数组说明大全

    * 数组可以使用 push() 和 unshift() 方法来动态添加元素。 * 数组可以使用 pop() 和 shift() 方法来删除元素。 JavaScript 数组是一种功能强大且灵活的数据类型,广泛应用于各种 JavaScript 编程场景中。

    JavaScript数组用法详解

    JavaScript 数组提供了多种方法来操作数组,包括 join()、reverse()、push()、pop()、shift()、unshift() 等方法。join() 方法可以将数组的元素连接成一个字符串。reverse() 方法可以颠倒数组元素的顺序。push() 和...

    Javascript数组操作整理.rar

    6. 操作数组的方法: - `concat()`:连接两个或多个数组,并返回新的数组。 - `slice()`:提取数组的一部分,并返回新数组,原数组不变。 - `splice()`:向/从数组中添加/删除项目,然后返回被删除的项目。 - `...

    JS数组(Array)处理函数整理

    这里我们着重讨论JavaScript数组的一些常见处理函数,这些函数可以帮助我们高效地操作和管理数组中的数据。 1. `concat()`:此函数用于连接两个或多个数组,并返回一个新的数组。它不会改变原始数组。例如,`arr....

    JavaScript jQuery 中定义数组与操作及jquery数组操作

    JavaScript 和 jQuery 中的数组操作是编程中非常基础且重要的部分,尤其在处理数据集合时。在 JavaScript 中,数组是一种特殊的数据结构,可以存储各种类型的数据,包括整型、字符串、对象等。虽然 JavaScript 不...

    js代码-js数组push压栈操作

    3. **结合其他方法实现特定逻辑**:`push()`可以与其他数组方法(如`pop()`、`shift()`、`unshift()`)一起使用,实现复杂的数组操作。例如,与`pop()`结合实现数组的循环队列。 4. **数组动态扩展**:JavaScript...

    Javascript数组函数大全

    ### JavaScript 数组函数详解 #### 1. `shift` 方法 `shift` 方法用于移除数组的第一个元素,并返回被移除的元素。如果数组为空,则返回 `undefined`。 ```javascript let a = [1, 2, 3, 4, 5]; let b = a.shift();...

    最实用的JS数组函数整理

    JS数组函数是JavaScript中进行数组操作的核心工具,它们能够对数组进行各种处理,包括检测、添加、删除、排序等。下面详细整理了一些最常用的JS数组函数,并解释了它们的使用方法和规则。 首先,我们来了解检测一个...

    php数组函数array_push()、array_pop()及array_shift()简单用法示例

    本篇文章将详细讲解`array_push()`、`array_pop()`和`array_shift()`这三个数组函数的简单用法,并通过实例来演示它们在数组操作中的具体应用。 1. `array_push()` 函数: `array_push()`函数用于将一个或多个单元...

    JS数组的增删改查

    同时,标签中提到的"源码"和"工具"可能意味着该资源可能会提供一些实际代码示例或实用的工具函数来帮助理解和操作JavaScript数组。 了解和掌握这些操作是提升JavaScript编程能力的关键步骤,它们在日常编程任务中...

    javaScript数组操作笔迹

    下面将详细介绍标题与描述中提到的几个关键的JavaScript数组操作知识点。 ### join(delimiter) `join()` 方法用于将数组的所有元素连接成一个字符串,元素之间通过指定的分隔符 `delimiter` 进行分隔。例如,对于...

    Javascript数组函数库.docx

    JavaScript中的数组函数库是开发过程中不可或缺的一部分,它们提供了丰富的功能,用于操作和处理数组对象。以下是一些主要的数组函数的详细说明: 1. `shift()`: 这个方法会删除数组的第一个元素,并返回被删除的...

    javascript中数组、对象

    JavaScript数组支持多种操作方法,如`push`(在末尾添加元素)、`pop`(移除并返回末尾元素)、`shift`(移除并返回首位元素)、`unshift`(在首位添加元素)、`slice`(截取子数组)、`splice`(插入、删除或替换...

    PHP 数组的常用函数

    - `array_unshift()`: 在数组开头添加一个或多个元素。 - `array_shift()`: 移除并返回数组第一个元素。 6. 合并数组 使用`array_merge()`合并两个或更多数组: ```php $array1 = ['a', 'b']; $array2 = ['c', 'd']...

    js数组去重的N种方法(小结)

    在JavaScript中,数组去重是一个常见的需求,旨在从数组中删除重复的元素,仅保留唯一的元素。本文介绍了多种js数组去重的方法,并按照ES5和ES6的标准进行了区分。以下是对这些方法的知识点总结。 1. ES5 实现方法...

Global site tag (gtag.js) - Google Analytics