javascript 数组操作

悠悠 2022-05-15 00:27 260阅读 0赞

# 1 concat()  #

concat() 方法用于连接两个或多个数组。

let foo = ['a','d','v','b','d','g','d']
    let bar = [1,2,3,4,5]
    console.info(bar.concat(foo))
    
    
    // [ 1, 2, 3, 4, 5, 'a', 'd', 'v', 'b', 'd', 'g', 'd' ]

# 2  join() #

join() 方法用于把数组中的所有元素放入一个字符串。

let bar = [1,2,3,4,5]
    console.info(bar.join('||'))
    
    // 1||2||3||4||5

# 3 pop() #

pop() 方法用于删除并返回数组的最后一个元素。

let bar = [1,2,3,4,5]
    console.info(bar.pop())
    console.info(bar)
    
    
    // 5
    // [ 1, 2, 3, 4 ]

# 4 push() #

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

let bar = [1,2,3,4,5]
    console.info(bar.push('sd',90))
    console.info(bar)
    
     
    // 7
    // [ 1, 2, 3, 4, 5, 'sd', 90 ]

# 5 reverse() #

颠倒数组中元素的顺序。

let arr = [1,3,5,6,6,7,8]
    console.info(arr.reverse())
    
    // [ 8, 7, 6, 6, 5, 3, 1 ]

# 6 [shift()][shift] #

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

let arr = [1,3,5,6,6,7,8]
    console.info(arr.shift())
    console.info(arr)
    
    // 1
    // [ 3, 5, 6, 6, 7, 8 ]

# 7 slice() #

从某个已有的数组返回选定的元素(截取数组一部分)

let arr = [1,3,5,6,6,7,8]
    console.info(arr.slice(1,3))
    console.info(arr)
    
    // [ 3, 5 ]
    // [ 1, 3, 5, 6, 6, 7, 8 ]

该方法可使用负值从数组的尾部选取元素。

let arr = [1,3,5,6,6,7,8]
    console.info(arr.slice(-2,-1))
    console.info(arr)
    
    // [ 7 ]
    // [ 1, 3, 5, 6, 6, 7, 8 ]
    
    let arr = [1,3,5,6,6,7,8]
    console.info(arr.slice(-3))
    console.info(arr)
    
    // [ 6, 7, 8 ]
    // [ 1, 3, 5, 6, 6, 7, 8 ]

# 8 sort() #

对数组的元素进行排序

let arr = [1,3,5,6,6,7,8]
    console.info(arr.sort())
    
    // [ 1, 3, 5, 6, 6, 7, 8 ]
    
    let arr = [3,7,8,2,5,25,4,235,65,3,2,56]
    function sort(a,b) {
    	return a-b
    }
    console.info(arr.sort(sort))
    
    // [ 2, 2, 3, 3, 4, 5, 7, 8, 25, 56, 65, 235 ]

# 9 splice() #

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

let arr = [3,7,8,2,5,25,4,235,65,3,2,56]
    console.info(arr.splice(1,3,'a'))
    console.info(arr)
    
    // [ 7, 8, 2 ]
    // [ 3, 'a', 5, 25, 4, 235, 65, 3, 2, 56 ]
    
    
    let arr = [3,7,8,2,5,25,4,235,65,3,2,56]
    console.info(arr.splice(0,0,'a'))//类似于unshift()
    console.info(arr) 
    
    // []
    // [ 'a', 3, 7, 8, 2, 5, 25, 4, 235, 65, 3, 2, 56 ]
    
    let arr = [3,7,8,2,5,25,4,235,65,3,2,56]
    console.info(arr.splice(0,1)) //类似于shift()
    console.info(arr)
    
    // [ 3 ]
    // [ 7, 8, 2, 5, 25, 4, 235, 65, 3, 2, 56 ]
    
    
    let arr = [3,7,8,2,5,25,4,235,65,3,2,56]
    console.info(arr.splice(arr.length-1,1))// 类似于pop()
    console.info(arr)
    
    // [ 56 ]
    // [ 3, 7, 8, 2, 5, 25, 4, 235, 65, 3, 2 ]
    
    let arr = [3,7,8,2,5,25,4,235,65,3,2,56]
    console.info(arr.splice(arr.length,0,'a'))//类似于push()
    console.info(arr)
    
    // []
    // [ 3, 7, 8, 2, 5, 25, 4, 235, 65, 3, 2, 56, 'a' ]
    
    let arr = [3,7,8,2,5,25,4,235,65,3,2,56]
    console.info(arr.splice(3,4)) //类似于slice(3,7),传参不同
    console.info(arr)
    
    // [ 2, 5, 25, 4 ]
    // [ 3, 7, 8, 2, 5, 25, 4, 235, 65, 3, 2, 56 ]

# 10 toString() #

把数组转换为字符串，并返回结果。

let arr = [3,7,8,2,5,25,4,235,65,3,2,56,'a','dfda']
    console.info(arr.toString())
    
    
    // 3,7,8,2,5,25,4,235,65,3,2,56,a,dfda

# 11 [toLocaleString()][toLocaleString] #

把数组转换为本地数组，并返回结果。

let arr = [3,7,8,2,5,25,4,235,65,3,2,56,'a','dfda']
    console.info(arr.toLocaleString())
    
    // 3,7,8,2,5,25,4,235,65,3,2,56,a,dfda

# 12 unshift() #

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

let arr = [3,7,8,2,5]
    console.info(arr.unshift('a','foo','bar'))
    console.info(arr)
    
    // 8
    // [ 'a', 'foo', 'bar', 3, 7, 8, 2, 5 ]

# 13 valueOf() #

返回数组对象的原始值

var a = 100
    var b = 90
    let arr = [3,7,8,2,5,'sadf',90-234,a*b]
    console.info(arr.valueOf())
    
    
    // [ 3, 7, 8, 2, 5, 'sadf', -144, 9000 ]

另外，今天整理的时候遇到一道题目，不用for循环的前提下，输出一个数组的每一项

function output(n) {
    	let foo = []
    	return (function(){
    		foo.unshift(n);
    		n--;
    		if(n != 0){
    			arguments.callee()
    		}
    		return foo
    	})()
    }
    output(5)
    
    // [ 1, 2, 3, 4, 5 ]
    
    function show(n) {
    	if(n<=1){
    		console.info(n)
    		return 1
    	}else{
    		console.info(n)
    		return n + ',' + arguments.callee(n-1)
    	}
    }
    show(5)
    
    //5
    //4 
    //3
    //2
    //1
    
    
    // https://www.cnblogs.com/lijinwen/p/5727550.html

[shift]: http://www.w3school.com.cn/jsref/jsref_shift.asp
[toLocaleString]: http://www.w3school.com.cn/jsref/jsref_toLocaleString_array.asp