资讯专栏INFORMATION COLUMN

【关于数组】JavaScript常用的API

imingyu / 2475人阅读

摘要:删除数组的第一项,并返回删除元素的值删除原数组的最后一项,并返回删除元素的值向数组头部追加,返回数组长度将参数添加到数组尾部,返回数组长度返回一个新数组,是将参数添加到原数组中构成的从位置开始删除项,并从该位置起插入返回被删除的内容截取字符

shift:删除数组的第一项,并返回删除元素的值
var arr1 = [1,2,3,4,5];
var b = arr1.shift();
console.log(arr1);  //[2,3,4,5]
console.log(b);     //1
pop:删除原数组的最后一项,并返回删除元素的值
var arr1 = [1,2,3,4,5];
var b = arr1.pop(); 
console.log(arr1); //[1,2,3,4]
console.log(b);    //5
unshift:向数组头部追加,返回数组长度
var arr1 = [1,2,3];
var b = arr1.unshift(4,5,6);
console.log(arr1); //[4,5,6,1,2,3]
console.log(b);    // 6
push:将参数添加到数组尾部,返回数组长度
var arr1 = [1,2,3];
var b = arr1.push(4,5,6);
console.log(arr1); //[1,2,3,4,5,6]
console.log(b);    // 6
concat:返回一个新数组,是将参数添加到原数组中构成的
arr = ["A"];
var b = arr.concat(6,7);  
console.log(b); // ["A",6,7]
splice(start,deleteCount,val1,val2,):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,
var a = [1,2,3,4,5];
var b = a.splice(2,1,111,222,333); 
console.log(a); //[ 1, 2, 111, 222, 333, 4, 5 ]
console.log(b); //[3] 返回被删除的内容
slice(start,end);截取字符串 返回截取的从开始下标到结束下标之间的项组成的新数组
var a = [1,2,3,4,5];   
var b = a.slice(2,5);  
console.log(a);  //[1,2,3,4,5]
console.log(b);  //[3,4,5]
join(separator) 数组切割,返回字符串 将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符
var a = [1,2,3,4,5];   
var b = a.join("|");  
console.log(a); //a:[1,2,3,4,5]
console.log(b); //b:"1|2|3|4|5" 

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

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

相关文章

  • JavasScript重难点知识

    摘要:忍者级别的函数操作对于什么是匿名函数,这里就不做过多介绍了。我们需要知道的是,对于而言,匿名函数是一个很重要且具有逻辑性的特性。通常,匿名函数的使用情况是创建一个供以后使用的函数。 JS 中的递归 递归, 递归基础, 斐波那契数列, 使用递归方式深拷贝, 自定义事件添加 这一次,彻底弄懂 JavaScript 执行机制 本文的目的就是要保证你彻底弄懂javascript的执行机制,如果...

    forsigner 评论0 收藏0
  • 前端常用代码片段(四)

    摘要:尽量避免使用表达式又称动态属性。使用计算数组中的重复项如果你想计算数组中的每个值有多少重复值,也可以快速帮到你。 前端常用代码片段(一) 点这里前端常用代码片段(二) 点这里前端常用代码片段(三) 点这里前端常用代码片段(四) 点这里前端常用代码片段(五) 点这里前端常用代码片段(六) 点这里 1.简述一下你对HTML语义化的理解?并写出一段语义化的HTML? 语义化是指根据内容的结...

    worldligang 评论0 收藏0
  • 前端基础入门五(掌握jQuery常用api,实现动态效果)

    摘要:基本概念学习目标学会如何使用,掌握的常用,能够使用实现常见的效果。想要实现简单的动画效果,也很麻烦代码冗余。实现动画非常简单,而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。 为什么要学习jQuery? 【01-让div显示与设置内容.html】 使用javasc...

    nevermind 评论0 收藏0
  • 前端基础入门五(掌握jQuery常用api,实现动态效果)

    摘要:基本概念学习目标学会如何使用,掌握的常用,能够使用实现常见的效果。想要实现简单的动画效果,也很麻烦代码冗余。实现动画非常简单,而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。 为什么要学习jQuery? 【01-让div显示与设置内容.html】 使用javasc...

    codecook 评论0 收藏0
  • 前端基础入门五(掌握jQuery常用api,实现动态效果)

    摘要:基本概念学习目标学会如何使用,掌握的常用,能够使用实现常见的效果。想要实现简单的动画效果,也很麻烦代码冗余。实现动画非常简单,而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。 为什么要学习jQuery? 【01-让div显示与设置内容.html】 使用javasc...

    WalkerXu 评论0 收藏0

发表评论

0条评论

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