JavaScript(数组方法)

本文详细介绍了JavaScript中的数组操作方法,包括unshift、shift、push、pop、splice、concat、sort、reverse、join和slice等。通过实例演示了如何在数组开头和末尾进行增删,以及如何在任意位置进行修改和删除。同时,还涵盖了数组的合并、排序、翻转和转换为字符串等功能。这些方法对于日常的JavaScript编程至关重要。

数组方法一的增删操作:

    开头添加:unshift

        给数组的开头添加一个或多个元素:数组.unshift(一个值或多个值) 

        返回添加以后的新数组的长度

var arr = ['a','b','c'];
var l = arr.unshift('d')
console.log(arr) // ['d','a','b','c']
console.log(l) // 4

    开头删除:shift

        给数组的开头删除一个元素:数组.shift() - 不需要参数,返回被删除的元素 

var arr = ['a','b','c'];
var ele = arr.shift()
console.log(arr) // ['b','c']
console.log(ele) // 'a'

    结尾添加:push

        给数组的末尾添加一个或多个元素:数组.push(一个值或多个值) - 返回新数组的长度

var arr = ['a','b','c'];
var l = arr.push('d')
console.log(arr) // ['a','b','c','d']
console.log(l) // 4

    结尾删除:pop

        给数组的末尾删除一个元素:数组.pop() - 返回被删除的值

var arr = ['a','b','c'];
  var ele = arr.pop()
  console.log(arr) // ['a','b']
  console.log(ele) // 'c'

    在任意位置增、删、改:splice

      删除语法:数组.splice(要删除的元素开始的下标, 删除个数) - 返回被删除的值组成的数字

      修改语法:数组.splice(要删除的元素开始下标, 删除个数, 要放在删除位置的1个或多个值) - 返回被删掉的元素组成的数组

      添加操作:还是修改语法,将删除的个数设置为0即可

var arr = ['a','b','c']
// 改 - 参数1:开始下标;参数2:删除的个数;参数3:在删除的位置放上的新的元素 - 可以是多个
arr.splice(1,1,'d') // ['a','d','c']
// 增
arr.splice(1,0,'d') // ['a','d','b','c'] - 删除0个,就是不删除,然后放上新元素
// 删 - 第三个参数可以省略
arr.splice(1,0) // ['a','c']

对象的方法:对象中的键值对是一个函数  调用方式:对象.方法名()

数组方法二总结:

    concat 合并数组

        将多个数组或元素跟当前数组合并成一个更大的数组

        语法: 数组.concat(1个或多个元素或数组) - 返回合并以后的大数组

var arr = ['a', 'b', 'c']
// 需求:将字符串 d 合并在数组中
var brr = arr.concat('d')

// 需求:将多个元素 字符串 d 和 字符串 e 合并在数组中
var brr = arr.concat('d', 'e')

// 需求:将数组crr跟当前arr合并在一起
var crr = [1,2,3]
var brr = arr.concat(crr)

// 需求:合并多个数组
var crr = [1,2,3]
var drr = [7,8,9]
var brr = arr.concat(crr, drr)
console.log(brr);

    sort  将数组排序数组

        语法1:数组.sort() - 返回当前排序后的数组 - 将数组从小到大进行排序

var arr = [1,5,9,3,4,8,6,2,7]
arr.sort()
console.log(arr);

        语法2:数组.sort(function(a, b) { a和b这两个参数是我们自定义的

            return a-b // 表示升序,从小到大

            return b-a // 表示降序,从大到小     })

   

    reverse  翻转数组

        语法:数组.reverse() - 返回值是当前数组,翻转以后的数组

var arr = ['a', 'b', 'c'];
arr.reverse()
console.log(arr);

    join   连接成字符串

        语法:数组.join(指定的连接符) - 返回连接以后的字符串

var arr = ['a', 'b', 'c'];

// 需求:将数组所有元素使用 - 连接成一个字符串:a-b-c

// var str = arr.join('-')

// 连接符我们可以指定为空字符串

// var str = arr.join('') // abc

// 我们可以省略连接符 - 默认使用逗号连接

var str = arr.join() // a,b,c

console.log(str);

    slice  截取数组

        可以将数组中指定的连续的一部分,单独拿出来做为一个新的数组

语法:数组.slice(开始下标, 结束下标) - 返回截取的结果,结果中不包含结束下标对应的元素

var arr = ['a','b','c','d','e','f'];
// 将数组中的 'b','c','d'截取出来,组成新的数组
var brr = arr.slice(1,4) // 参数1是开始截取的下标,参数2是截取的结束下标,结果中不包含结束下标对应的元素
console.log(brr) // ['b','c','d']
// 如果省略第2个参数,默认从开始下标截取到数组末尾
var crr = arr.slice(1)
console.log(crr) // ['b','c','d','e','f']
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值