`
argel_lj
  • 浏览: 362932 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js数组小结

阅读更多

数组有四种定义的方式
使用构造函数:
var a = new Array();
var b = new Array(8);
var c = new Array("first", "second", "third");
或者数组直接量:
var d = ["first", "second", "third"];

属性

Array只有一个属性,就是length,length表示的是数组所占内存空间的数目,而不仅仅是数组中元素的个数,在刚才定义的数组中,b.length的值为8

<script>
var a = new Array("first", "second", "third")
a[48] = "12"
document.write(a.length)
//显示的结果是49
</script>
数组的length属性是可写的,这是一个非常有意思的属性,我们可以通过这种方法来截取数组

<script>
var a = new Array("first", "second", "third")
delete a[1]
document.write(a.length)
//显示的结果是3,说明即使删除也无法改变数组的长度
var a = new Array("first", "second", "third")
a.length = 1
document.write(a.length)
//显示的结果是1,说明只剩下一个元素了
</script>
方法

这里并没有包括IE和FF并不兼容的一些方法:
toString():把数组转换成一个字符串
toLocaleString():把数组转换成一个字符串
join():把数组转换成一个用符号连接的字符串
shift():将数组头部的一个元素移出
unshift():在数组的头部插入一个元素
pop():从数组尾部删除一个元素
push():把一个元素添加到数组的尾部
concat():给数组添加元素
slice():返回数组的部分
reverse():将数组反向排序
sort():对数组进行排序操作
splice():插入、删除或者替换一个数组元素

toString() 方法,toLocaleString()方法的作用类似,FF下的作用是完全相同的,IE的话如果元素是字符串,会在“,”后面加上一个空格,如果元素是数字,会扩展到两位小数,两者都会改变字符串的length属性,所以考虑到兼容性,尽量不要使用toLocaleString()方法。

<script>
var a = new Array(1, 2, 3, [4, 5, [6, 7]])
var b = a.toString() //b为字符串形式的 "1, 2, 3, 4, 5, 6, 7"
var c = new Array(1, 2, 3, [4, 5, [6, 7]])
var d = c.toLocaleString() //d为字符串形式的 "1, 2, 3, 4, 5, 6, 7"
//toString()方法和toLocaleString()方法都可以拆解多维数组
</script>
join()方法将数组中的所有元素转换成字符串,然后连接起来,这刚好和String的split()方法是一个相反的操作。join()默认是使用“,”作为分隔符,当然你也可以在方法中指定分隔符

<script>
var a = new Array("first", "second", "third")
var s = a.join("...")
document.write(s)
//显示的结果是“first...second...third”
</script>
pop()方法可以从数组尾部删除若干个元素,push()方法把一个元素添加到数组的尾部,这两个方法刚好是两个相反的操作。两个都是对原来的数组进行操作,但是要注意push()方法返回的是新的数组的长度,而pop()方法则返回被删去的那个元素。

<script>
var a = new Array(1, 2, 3)
var b = a.push(4,5,[6,7]) //a为[1, 2, 3, 4, 5, [6, 7]] b为6 注意push()方法不会帮你打开一个数组
var c = new Array(1, 2, 3, 4, "first")
var d = c.pop() //c为[1, 2, 3, 4] d为字符串形式的"first"
</script>
shift() 方法可以从数组头部删除一个元素,unshift()方法把若干元素添加到数组的头部,这两个方法刚好是两个相反的操作。两个都是对原来的数组进行操作,但是要注意unshift()方法返回的是新的数组的长度,而shift()方法则返回被删去的那个元素。

<script>
var a = new Array(1, 2, 3)
var b = a.unshift(4,5,[6,7]) //a为[4, 5, [6, 7], 1, 2, 3] b为6 注意unshift()方法不会帮你打开一个数组,还有就是被插入数值的顺序
var c = new Array("first", 1, 2, 3, 4)
var d = c.shift() //c为[1, 2, 3, 4] d为字符串形式的"first"
</script>
concat()方法可以返回一个在原有数组上增添了元素的数组,元素用“,”分隔,元素中如果有数组,将被展开并继续添加,但不支持多维数组形式的展开添加

<script>
var a = new Array("first", "second", "third")
s = a.concat("fourth",["fifth", "sixth"],["seventh", ["eighth", "ninth"]])
document.write(s[7])
// 显示的结果是“eighth, ninth”,说明“eighth, ninth”是以数组的形式被添加了进去,此是s的值为["first", "second", "third", "fourth", "fifth", "sixth", "seventh", ["eighth", "ninth"]]
</script>
slice()方法返回数组的一个片断,或者说是子数组。slice()的参数表示字数组的始末位置,如果只有一个参数,就表示从该处开始一直取到最后,如果参数出现负数,则表示倒数的某个位置。

<script>
var a = new Array(1, 2, 3, 4, 5)
var b = a.slice(3) //b为[4, 5]
var c = a.slice(-3) //c为[3, 4, 5]
var d = a.slice(1,-1) //d为[2, 3, 4]
var e = a.slice(-3,-1) //e为[3, 4]
</script>
reverse()方法将数组反向排序,他并不创建和返回一个新的数组,而是在原有的数组上进行操作

<script>
var a = new Array("first", "second", "third")
a.reverse()
document.write(a)
//显示的结果是“third,second,first”,这时候数组的顺序已经颠倒了
</script>
sort()方法的作用是对数组进行排序,这是一个非常奇特的方法,我不知道当初创作他的人是出于懒惰还是聪明,这是一个让我印象深刻的方法。
sort()方法的参数是一个有两个参数,并且有返回值的函数,如果返回的值大于零,则说明前一个参数比后一个参数大,等于零则相等,小于零说明前一个参数比后一个小,而相对小的那个参数将出现在排序的前列。
sort()方法直接在数组上进行操作,同时也返回值,但是两者似乎是等价的。sort()方法默认是用字母的顺序进行排序

<script>
var a = new Array(33, 4, 111, 543)
a.sort(way)
function way(x, y){
    if (x % 2 ==0)
        return 1;
    if (x % 2 !=0)       
        return -1;
}
//排序的结果是使奇数在前偶数在后
</script>
splice()方法的作用是插入、删除或者替换一个数组元素,他不光会在原有的数组上进行修改,还会返回被处理掉的内容,因此这是一个功能强大,但是不容易使用的方法,splice()方法用前两个参数进行定位,余下的参数表示插入部分。

<script>
var a = new Array(1, 2, 3, 4, 5)
var b = a.splice(2) //a为[1, 2] b为[3, 4, 5]
var c = new Array(1, 2, 3, 4, 5)
var d = c.splice(2,2) //c为[1, 2, 5] d为[3, 4]
var e = new Array(1, 2, 3, 4, 5)
var f = f.splice(-4,2) //e为[1, 4, 5] f为[2, 3]
var g = new Array(1, 2, 3, 4, 5)
var h = g.splice(-2,-2) //第二个参数表示长度,因此负数在此无效

var i = new Array(1, 2, 3, 4, 5)
var j = i.splice(2,2,"first","second","third") //i为[1, 2, "first", "second", "third", 5] j为[3, 4] 后面部分会自动前后移动,以保持数组的连续性
var k = new Array(1, 2, 3, 4, 5)
var l = k.splice(2,2,["first","second"],"third") //k为[1, 2, ["first", "second"], "third", 5] l为[3, 4] splice()方法不会展开数组,只直接写入
</script>

分享到:
评论

相关推荐

    javascript数组去重小结_.docx

    JavaScript数组去重是编程面试中常见的算法问题,主要目的是消除数组中的重复元素,确保每个元素在结果数组中只出现一次。本文将总结四种常见的JavaScript数组去重方法,并分析它们的优缺点。 首先,我们来看**循环...

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

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

    javascript数组操作方法小结和3个属性详细介绍

    在这篇文章中,我们将深入探讨JavaScript数组的创建、元素访问与修改、添加、删除、截取、合并、拷贝、排序以及字符串化等操作,并介绍数组对象的三个重要属性。 1. **数组的创建**: - `new Array()`:创建一个空...

    javascript进行数组追加方法小结

    javascript中给数组加元素是一个非常简单的问题,javascript本身就提供了大量这类函数,我们可以使用js自带函数快速给数组增加元素了,本文就javascript进行数组追加的方法做出如下小结。以前常用的是arr.concat(arr2...

    JS数组的高级使用方法示例小结

    在JavaScript中,数组是一种强大的数据结构,用于存储和操作一系列数据。本文将深入探讨JS数组的高级使用方法,包括遍历、获取长度、添加和删除元素、排序以及生成随机数等。 1. 遍历数组 在JavaScript中,有两种...

    Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结

    主要介绍了Vue指令v-for遍历输出JavaScript数组及json对象的常见方式,结合实例形式总结分析了vue.js使用v-for指令遍历输出js数组与json对象的常见操作技巧,需要的朋友可以参考下

    JS 数组 移除 实现代码

    ### 小结 在JavaScript中移除数组元素是一个基本且常见的操作。通过上述方法,可以根据不同的需求和场景选择最适合的移除方式。需要注意的是,虽然使用 `splice()` 可以直接修改原数组,但使用 `filter()` 方法通常...

    javascript数组去重小结

    最近为了换工作,准备下面试,开始回顾复习JavaScript相关的知识,昨天下午想到了数组去重的相关方法,干脆整理出几篇JavaScript算法文章,以备后用,此系列文章不定篇数,不定时间,想到哪写到哪,不保证正确性,不...

    JS随机打乱数组的方法小结

    本文将重点介绍几种常见的JS数组打乱方法,以供参考。 首先,我们来看一个简洁的打乱数组的方法,它利用了数组的`sort()`函数。`sort()`函数默认按字母顺序排列元素,但可以接受一个比较函数作为参数,自定义排序...

    JS数组去重常用方法实例小结【4种方法】

    本文实例讲述了JS数组去重常用方法。分享给大家供大家参考,具体如下: js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array...

    JS数组求和的常用方法实例小结

    - **《JavaScript数组操作技巧总结》** - **《JavaScript字符与字符串操作技巧总结》** - **《JavaScript遍历算法与技巧总结》** - **《JavaScript排序算法总结》** - **《JavaScript查找算法技巧总结》** - **...

    JS判断数组里是否有重复元素的方法小结

    在JavaScript编程中,经常需要检查数组中是否包含重复的元素。这在处理数据时尤其重要,例如在创建不允许重复的用户列表,或者是在查找数组中的唯一元素时。根据给定文件的内容,我们可以总结出一些判断数组中是否...

    javascript 数组精简技巧小结

    这篇文章总结了13个实用的JavaScript数组操作技巧,旨在帮助开发者提高代码效率和简洁性。 1. **删除数组的重复项**:在处理包含重复元素的数组时,可以使用`Set`数据结构来去重。例如: ```javascript let array...

    js 数组克隆方法 小结

    由于JavaScript数组是对象类型的一种,其赋值和操作具有特殊性。当我们对数组进行赋值操作时,并非复制数组本身,而是复制对数组的引用。这就意味着,如果我们直接复制一个数组变量到另一个变量,两个变量实际上会...

    js中数组的常用方法小结

    这些方法以及相关的排序算法、遍历算法、数学运算、数据结构和查找算法等都是JavaScript中不可或缺的一部分,它们共同构成了JavaScript数组操作的完整体系。对于希望深入学习JavaScript的开发者来说,研究和实践这些...

    JavaScript数组去重算法实例小结

    JavaScript数组去重是前端开发中常见的问题之一,尤其是在处理数据时,为了保证数据的唯一性,常常需要去除数组中的重复元素。本文将针对JavaScript数组去重算法进行详细讲解,并通过实例分析去重操作涉及的读写、...

Global site tag (gtag.js) - Google Analytics