javascript中Array数组的解析(附实例)

本篇文章给大家带来的内容是关于javascript中array数组的解析(附实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

Array对象

创建 Array 对象的语法

new Array();new Array(size);new Array(element0, element1, ..., elementn);

登录后复制

参数

参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。

参数 element …, elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。

返回值

返回新创建并被初始化了的数组。

如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。

立即学习“Java免费学习笔记(深入)”;

当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。

当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。

当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。

Array 对象属性

constructor    返回对创建此对象的数组函数的引用。
length    设置或返回数组中元素的数目。
prototype    使您有能力向对象添加属性和方法。

Array 对象方法

方法                描述
concat()    连接两个或更多的数组,并返回结果。
join()    把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()    删除并返回数组的最后一个元素
push()    向数组的末尾添加一个或更多元素,并返回新的长度。
reverse()    颠倒数组中元素的顺序。
shift()    删除并返回数组的第一个元素
slice()    从某个已有的数组返回选定的元素
sort()    对数组的元素进行排序
splice()    删除元素,并向数组添加新元素。
toSource()    返回该对象的源代码。
toString()    把数组转换为字符串,并返回结果。
toLocaleString()    把数组转换为本地数组,并返回结果。
unshift()    向数组的开头添加一个或更多元素,并返回新的长度。
valueOf()    返回数组对象的原始值

实例

1.用join(” “)格式化输出

使用join格式化输出:每个元素用空格分开

let b = new Array();....//格式化输出//let str = "";//for(let i = 0; i < n-1; i++){    //str+=b[i];    //str+=" ";//}//str+=b[n-1];//print(str);//使用join格式化输出let ans = b.join(" ");print(ans);

登录后复制

2.数组循环右移

数组循环右移:arr.unshift(arr.pop())

function RoundShift(arr , count) {    for (var i = 0; i< count; i++) {        arr.unshift(arr.pop());        //unshift()    向数组的开头添加一个或更多元素,并返回新的长度        //pop()    删除并返回数组的最后一个元素        //shift()    删除并返回数组的第一个元素        //push()    向数组的末尾添加一个或更多元素,并返回新的长度    }}var arr = [1,2,3,4,5,6,7];RoundShift(arr, 3);console.log(arr);

登录后复制

字符串循环右移:str.substring(start, stop)

function shiftLeft(str, n) {    var len = str.length;    // 因为是循环移动,所以需要处理移动位数大于字符串长度的情况    n = n % len;    return str.substring(n, len) + str.substring(0, n);}var s= shiftLeft('abcdefg', 2);console.log(s); // "cdefgab"s = shiftLeft('abcdefg', 10);console.log(s); // "defgabc"

登录后复制

比较两个字符串是否为循环单词:substring(start,stop)

function shiftLeft(str1, str2){    if(str1.length!=str2.length){return false;}    for(let i = 0; i < str1.length; i++){        let s = str1.substring(i) + str1.substring(0,i);        if(s==str2){            return true;        }    }     return false;}

登录后复制

3.排序sort()

自定义排序比较函数

let lines = readline().split(" ");let arr = new Array(n);for(let i = 0; i < lines.length; i++){    arr[i] = parseInt(lines[i]);}arr.sort(cmp);print(arr);//比较函数,保证正确排序function cmp(x,y){    return x-y;}

登录后复制

4.slice()和splice()

slice()

定义和用法

slice() 方法可从已有的数组中返回选定的元素。

语法

arrayObject.slice(start,end)

登录后复制

参数    描述

start    必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

end    可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

返回值

返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

说明

请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

提示和注释

注释:您可使用负值从数组的尾部选取元素。

注释:

如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

splice()

定义和用法

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

注释:该方法会改变原始数组。

语法

arrayObject.splice(index,howmany,item1,.....,itemX)

登录后复制

参数    描述

index    必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany    必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, …, itemX    可选。向数组添加的新项目。

返回值

类型    描述
Array    包含被删除项目的新数组,如果有的话。

说明

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

相关推荐:

JavaScript程序中Array数组对象的扩展函数实例

JavaScript中的Array对象使用说明_javascript技巧

以上就是javascript中Array数组的解析(附实例)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2742559.html

(0)
上一篇 2025年3月8日 02:50:39
下一篇 2025年3月8日 02:50:48

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • javascript中倒计时的原理与实例介绍(代码)

    本篇文章给大家带来的内容是关于javascript中倒计时的原理与实例介绍(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 倒计时原理:未来的时间点-现在的时间点// 现在的时间点(在变)  var inow = n…

    编程技术 2025年3月8日
    200
  • js如何实现轮播图播放效果(附代码)

    本篇文章给大家带来的内容是关于js如何实现轮播图播放效果(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 早前做轮播图的时候,我们习惯在网上找一些现成的例子修改修改使用。现在做轮播图,像bootstrap和ivie…

    2025年3月8日 编程技术
    200
  • js中Functions以及ES6箭头函数的详细分析

    本篇文章给大家带来的内容是关于js中functions以及es6箭头函数的详细分析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 简介 JavaScript中的所有内容都发生在函数中。 函数是一个代码块,可以定义一次并随时…

    2025年3月8日 编程技术
    200
  • DOM中Node对象和Element对象之间的区别解析

    本篇文章给大家带来的内容是关于dom中node对象和element对象之间的区别解析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 Node对象 Dom的标准规范中提供了Node对象,该对象主要提供了用于解析DOM节点树结…

    编程技术 2025年3月8日
    200
  • js链式运动框架与实例的介绍(代码)

    本篇文章给大家带来的内容是关于js链式运动框架与实例的介绍(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 前面介绍的运动都是一个物体运动之后就结束了,如果一个物体运动之后,还有其他的操作,比如一个p先变宽,然后变高…

    编程技术 2025年3月8日
    200
  • javascript如何判断回文字符串 (示例解析)

    本篇文章给大家带来的内容是关于javascript如何判断回文字符串 (示例解析),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 回文( Palindromes ),在中文文当中是指倒着念和顺着念都是相同的,前后对称,例如…

    编程技术 2025年3月8日
    200
  • javascript是什么意思?

    javascript是什么意思?有什么用?相信有不少同学可以会有这个疑问,那么今天【创想鸟】就来给大家来说一说关于javascript的概念以及javascript有哪些用处。 javascript是什么意思? 从百度百科上我们可以查到Ja…

    2025年3月8日
    200
  • 简单的分页组件(react)实现的一个分页的效果(代码)

    本篇文章给大家带来的内容是关于简单的分页组件(react)实现的一个分页的效果(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 简单的分页组件…由于工作原因, 写过一段vue, 现在入手jquery.自己…

    2025年3月8日
    200
  • Vue.js状态管理模式Vuex的安装与使用(代码示例)

    本篇文章给大家带来的内容是关于vue.js状态管理模式vuex的安装与使用(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 uex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的…

    2025年3月8日
    200
  • 教你自己创建一个Vue的UI组件库类似Element

    本篇文章给大家带来的内容是关于教你自己创建一个vue的ui组件库类似element ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 前言 随着前端的三大框架的出现,组件化的思想越来越流行,出现许多组件库.它能够帮助开发者节…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论