js中数组函数和注意事项

本文主要和大家分享js中数组函数和注意事项,首先我们先和大家分享js 的数组对象有哪些,希望能帮助到大家。

js 的数组对象有哪些

push       — 向数组的末尾添加一个或更多元素,并返回新的长度。

pop        — 删除并返回数组的最后一个元素

shift       —  删除并返回数组的第一个元素

unshift   —可向数组的开头添加一个或更多元素,并返回新的长度。

slice     —    从某个已有的数组返回选定的元素

sort        —  对数组的元素进行排序

join         —把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

concat    — 连接两个或更多的数组,并返回结果。

reverse   —颠倒数组中元素的顺序。

splice  — 删除元素,并向数组添加新元素。

使用注意事项

push ,unshift  都是返回的 新的长度

pop  , shift  删除 都是返回的 删除的那个值

var Arr1 = ['11','22','33']var a = Arr1.push('44');console.log(a);  //4console.log(Arr1);//["11", "22", "33", "44"]var c = Arr1.pop();console.log(c); //44console.log(Arr1);//["11", "22", "33"]var d = Arr1.pop();console.log(d);//33console.log(Arr1);//["11", "22"]var Arr2 =['a','b','c']var b =Arr2.unshift('-a');console.log(b); //4 console.log(Arr2); // ["-a", "a", "b", "c"]var e = Arr2.shift();console.log(e); //-aconsole.log(Arr2); // ["a", "b", "c"]var f = Arr2.shift();console.log(f); //a console.log(Arr2); // ["b", "c"]

登录后复制

slice 和 splice
slice 返回新数组 与原来数组没有关系 不会影响源对象
参数(start , end )从哪里开始( 如果为负数 从后面开始数),到哪里结束(如果是负数,从尾部开始算)

var Arr1 = ['11','22','33']var a = Arr1.slice(0);console.log(a);Arr1[0] = '111';console.log(a);console.log(Arr1);

登录后复制

splice  会源对象进行分割

arrayObject.splice(index,howmany,item1,.....,itemX)index   必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。item1, ..., itemX   可选。向数组添加的新项目var Arr1 = ['11','22','33','44','55'];var a = Arr1.splice(1,5);console.log(a); // ["22", "33", "44", "55"]console.log(Arr1); //["11"]var Arr1 = ['11','22','33','44','55'];var a = Arr1.splice(1,5,'66','77','88');console.log(a);["22", "33", "44", "55"]console.log(Arr1); ["11", "66", "77", "88"]

登录后复制

sort

arrayObject.sort(sortby)sortby  可选。规定排序顺序。必须是函数。function sortNumber(a,b){return -(a - b)}var arr = new Array(6)arr[0] = "10"arr[1] = "5"arr[2] = "40"arr[3] = "25"arr[4] = "1000"arr[5] = "1"console.log(arr.sort(sortNumber))//["1000", "40", "25", "10", "5", "1"]

登录后复制

字符串和数组的转化

var arr = new Array(6)arr[0] = "10"arr[1] = "5"arr[2] = "40"arr[3] = "25"arr[4] = "1000"arr[5] = "1"var a = arr.join('-');console.log(a);//10-5-40-25-1000-1var b = a.split('-');console.log(b);//["10", "5", "40", "25", "1000", "1"]

登录后复制

concat
会生成新的数组,不会影响原来的数组

相关推荐:

最实用的JS数组函数整理

常用数组函数有哪些

JavaScript原生数组函数讲解

以上就是js中数组函数和注意事项的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月8日 16:46:33
下一篇 2025年3月8日 16:46:41

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

相关推荐

  • 用JS代码做出弹幕效果

    这次给大家带来用js代码做出弹幕效果,用js代码做出弹幕效果的注意事项有哪些,下面就是实战案例,一起来看一下。 实现原理 1、设置展示弹幕元素位置属性为relative2、动态创建弹幕元素,位置属性设置absolute,left为展示宽度3…

    编程技术 2025年3月8日
    100
  • js中const,var,let区别分享

    本文主要和大家分享js中const,var,let区别,希望能帮助到大家。 const 不可以修改 并且必须初始化 const NAME;Uncaught SyntaxError: Missing initializer in const …

    编程技术 2025年3月8日
    200
  • js中的sort()使用方法

    如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。 array.sort()方法默认是升序排序,如果想按照…

    编程技术 2025年3月8日
    200
  • js中slice()使用方法

    本文主要和大家分享js中slice()使用方法,slice()通过索引位置获取新的数组,该方法不会修改原数组,只是返回一个新的子数组。 用法:arrayobj.slice(start,end) arrayObj – 原始数组; …

    编程技术 2025年3月8日
    200
  • JS的函数节流使用

    这次给大家带来js的函数节流使用,js函数节流使用的注意事项有哪些,下面就是实战案例,一起来看一下。 函数节流(throttle) 函数节流就是预定一个函数只有在大于等于执行周期时才执行,周期内调用不执行。好像水滴攒到一定重量才会落下一样。…

    编程技术 2025年3月8日
    200
  • js之datatables的处理方法实例

    本文主要和大家分享js之datatables的处理方法实例,希望能帮助到大家。 /** * 初始化表单 */me.initDatatable = function() {me.interns0301Table = $(“#interns03…

    编程技术 2025年3月8日
    200
  • 关于JS继承的详解

    这次给大家带来关于js继承的详解,使用js继承的注意事项有哪些,下面就是实战案例,一起来看一下。 ECMAScript 实现继承的方式不止一种。这是因为 JavaScript 中的继承机制并不是明确规定的,而是通过模仿实现的。这意味着所有的…

    编程技术 2025年3月8日
    200
  • JS事件绑定与冒泡实例详解

    本文主要和大家分享JS事件绑定与冒泡实例详解,希望能帮助到大家。 XAMPP A Apache 阿帕奇服务器M MysqlP PHPP PERL 登录后复制 JSON JSON 轻量级的数据交换格式XML 一种数据交换格式JSON用来表示对…

    编程技术 2025年3月8日
    200
  • Javascript的策略模式

    这次给大家带来javascript的策略模式,javascript策略模式的注意事项有哪些,下面就是实战案例,一起来看一下。 策略模式是指对一系列的算法定义,并将每一个算法封装起来,而且使它们还可以相互替换。策略模式让算法独立于使用它的客户…

    编程技术 2025年3月8日
    200
  • Javascript的观察者模式

    这次给大家带来javascript的观察者模式,javascript观察者模式的注意事项有哪些,下面就是实战案例,一起来看一下。 观察者(又称发布订阅)模式定义了对象间的一种一对多的依赖关系,以便一个对象的状态发生变化时,所有依赖于它的对象…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论