数组常用方法
<h4>1. push() 后增</h4>
<p>push() 方法可以向数组后添加一个新的元素,并返回新数组的长度。</p>
<p><strong>末尾添加,返回长度,改变原数组</strong></p>
<pre><code class="language-javascript">var a = [1,2,3]
var b = a.push(4)
console.log(a) // [1,2,3,4]
console.log(b) // 4</code></pre>
<h4>2. unshift() 前增</h4>
<p>unshift()可以向数组前添加一个或多个元素,并返回新的长度</p>
<p><strong>首部添加,返回长度,改变原数组</strong></p>
<pre><code class="language-javascript">var a = [2,3,4]
var b = a.unshift(0,1)
console.log(a) // [0,1,2,3,4]
console.log(b) // 5</code></pre>
<h4>3.pop() 后删</h4>
<p>pop() 用于删除并返回最后一个元素。</p>
<p>尾部删除,返回被删除的元素,改变原数组</p>
<pre><code class="language-javascript">var a = [1,2,3]
var b = a.pop()
console.log(a) // [1,2]
console.log(b) // 3</code></pre>
<h4>4.shift() 前删</h4>
<p>shift() 用于删除并返回首个元素</p>
<p>删除首部元素,返回被删元素,改变原数组</p>
<pre><code class="language-javascript">var a = [1,2,3]
var b = a.shift()
console.log(a) // [2,3]
console.log(b) // 1
</code></pre>
<h4>5. splice() 删除修改增加</h4>
<p>splice(index,length,增加的元素1,增加的元素2....,增加的元素N) 表示从index开始删除length个元素,并从index开始新增元素1~N,放回被删除的元素组成的数组</p>
<p><strong>对数组进行删除修改,返回被删除的元素组成的数组,改变原数组</strong></p>
<pre><code class="language-javascript">var a = [1,2,3]
var b = a.splice(1,1,3,[2,3,4],5)
console.log(a) // [1,3,[2,3,4],5,3]
console.log(b) // [2]</code></pre>
<h4>6.concat() 拼接</h4>
<p>concat() 方法用来合并两个或多个数组</p>
<p><strong>合并两个或多个数组,返回新数组,不会改变原数组</strong></p>
<pre><code class="language-javascript">var a = [1,2,3]
var b = [4,5]
var c = a.concat(b)
console.log(a) // [1,2,3]
console.log(b) // [4,5]
console.log(c) // [1,2,3,4,5] </code></pre>
<h4>7.slice() 剪切 </h4>
<p>slice(startIndex,endIndex) 返回从startIndex开始(包括),到endIndex(不包括)之间的原属组成的数组</p>
<p><strong>返回新数组,不改变原数组</strong></p>
<pre><code class="language-javascript">var a = [1,2,3]
var b = a.slice(0,1)
// 不填参数则表示剪切整个数组
var c = a.slice()
console.log(a) // [1,2,3]
console.log(b) // [1]
console.log(c) // [1,2,3]
console.log(a===c) // false // 注意 a !== c
// 负数表示从后往前数
var d = a.slice(-1,-2)
console.log(d) // [] 从左向右截取,所以说为[]
var e = a.slice(-1)
console.log(e) // [3]</code></pre>
<h4>8.join()</h4>
<p>join() 方法用来将数组转换为字符串</p>
<p><strong>不改变原数组,返回转换后的字符串</strong></p>
<pre><code class="language-javascript">var a = [1,2,3,4,5]
console.log(a.join(',')) // 1,2,3,4,5
console.log(a) // [1,2,3,4,5]</code></pre>
<h4>9.sort() 排序</h4>
<p>按ascii码排序</p>
<p><strong>改变原数组,返回排序后的数组</strong></p>
<pre><code class="language-javascript">var a = ['a','b','d','c']
console.log(a.sort()) // ['a','b','c','d']
console.log(a) // ['a','b','c','d']</code></pre>
<h4>10.reverse() 颠倒顺序</h4>
<p>reverse() 方法用于颠倒数组中元素的顺序。</p>
<p><strong>返回的是颠倒后的数组,会改变原数组。</strong></p>
<pre><code class="language-javascript">var a = [1,3,2,7,6]
console.log(a.reverse()) // [6,7,2,3,1]
console.log(a) // [6,7,2,3,1]</code></pre>
<h4>11.indexOf() 和 lastIndexOf()</h4>
<p>indexOf(某元素,startIndex) 从startIndex开始,查找某元素在数组中的位置,若存在,则返回第一个位置的下标,否则返回-1</p>
<p>lastIndexOf(某元素,startIndex) 和indexOf()相同,区别在于从尾部向首部查询</p>
<p><strong>不会改变原数组,返回找到的index,否则返回-1</strong></p>
<p>若不使用下标,则一般通过includes()方法代替indexOf()</p>
<pre><code class="language-javascript">var a = [1,2,4,3,4,5]
console.log(a.indexOf(4)) // 2
console.log(a.indexOf(4,3)) // 4</code></pre>
<h3>ES6新增的方法</h3>
<h4>1. find() </h4>
<p>找到数组中第一次满足条件的元素,并返回,若找不到则返回undefined。不改变原数组。</p>
<p>和filter()方法的区别在于:filter返回值是所有满足条件的元素组成的数组,</p>
<p>一般在需要使用找到的元素时,用find()方法</p>
<pre><code class="language-javascript">var a = [1,2,3,4]
// b在下面需要使用,则一般用find
var b = a.find(function(ele,index,array){
return ele == 1
})
var c = 3
var d = b + c
console.log(a) // [1,2,3,4]
console.log(b) // 1
console.log(d) // 4
// 若只需判断元素是否存在
// 若果是简单数组(非对象数组),则一般使用Array.includes(value)方法
// 如果为对象数组,则可以使用Array.some()方法
var a = [1,2,3]
console.log(a.includes(1)) // true
var a = [{"name": "xiaoming" },{"name": "xiaohong"}]
console.log(a.some(function(ele){
return ele.name == 'xiaoming'
})) // true</code></pre>
<h4>2.findIndex()方法</h4>
<p>findIndex()的作用同indexOf(),返回第一个满足条件的下标,并停止寻找。</p>
<p>区别是findIndex() 的参数为一个回调函数,且一般用于对象数组</p>
<pre><code class="language-javascript">var a = [1,2,3,4]
var b = a.findIndex(function(ele,index,array){
return ele === 2
})
var c = a.indexOf(2)
console.log(a) // [1,2,3,4]
console.log(b) // 1
console.log(c) // 1</code></pre>
<h4>3.includes() </h4>
<p>includes()方法,返回一个布尔值。 参数是一个value,一般用于简单数组。</p>
<p>对于复杂数组,则可以使用some()方法替代includes()方法</p>
<pre><code class="language-javascript">var a = [1,2,3]
console.log(a.includes(1)) // true</code></pre>
<h4>4.Array.isArray()方法</h4>
<p>用来判断一个元素是否为数组</p>
<pre><code class="language-javascript">Array.isArray([]) // true
Array.isArray({}) // false</code></pre>
<p>————————————————
版权声明:本文为CSDN博主「挥别了青春」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:<a href="https://blog.csdn.net/wang729506596/article/details/83019131">https://blog.csdn.net/wang729506596/article/details/83019131</a></p>