js中Array数组基本方法
总结:push() 添加元素到数组未尾, 返回数组长度
unshift() 添加元素到数组头部, 返回数组长度
pop() 删除数组未尾元素, 返回删除元素
shift() 删除数组头部元素, 返回删除元素
splice() 添加或删除元素 有三个参数(从那里开始,删除或添加几个,添加元素)
indexOf() 没有找到元素返回-1
isArray() 判断是不是数组类型
forEach() 数组循环 有三个回调(item,index,array) 第一是当前元素,第二是当前索引 第三是当前这条数组
concat() 合并多个或两个数组 如果多个数组,中间用逗号隔开
还有其它暂未总结......
1 <template>
<!-- 需求:Array基本方法 -->
<div class="demo"> </div>
</template>
<script>
export default {
name: 'demo',
data() {
return {}
},
created() {
// Array数组
// 1, 创建数组
let ArrayList = ['one', 'two', 'three'];
// 2, 判断数组长度
let ArrayLength = ArrayList.length;
// 3, 通过索引访问数组元素
let ArrayFirst = ArrayList[0];
let ArrayLast = ArrayList[ArrayList.length - 1]
// 4, 遍历数组 forEach
ArrayList.forEach(function (item, index, array) {
// console.log(item,index,array) 打印后 one 0 (3) ["one", "two", "three"]
});
// 5, 添加元素到数组的未尾
let ArrayPush = ArrayList.push('four');
// console.log(ArrayList) ["one", "two", "three", "four"] push完成后打印原数组,就是push后所有的值
// console.log(ArrayPush) 4 定义一个变量push后,打印push定义的变量为数组长度
// 6, 删除数组未尾的元素
let ArrayPop = ArrayList.pop()
// console.log(ArrayList) ["one", "two", "three"] pop完成后打印原数组,就是pop后所有的值
// console.log(ArrayPop) four 定义一个变量pop后,打印pop定义的变量为删除的元素
// 7, 删除数组最前面(头部)的元素
let ArrayShift = ArrayList.shift();
// console.log(ArrayList) ["two", "three"] shift完成后打印原数组,就是shift后所有的值
// console.log(ArrayShift) one 定义一个变量shift后,打印shift定义的变量为删除的元素
// 8, 添加元素到数组头部
let ArrayUnshift = ArrayList.unshift('five');
// console.log(ArrayList) ["five", "two", "three"] unshift 完成后打印原数组,就是unshift后所有的值
// console.log(ArrayUnshift) 3 定义一个变量unshift后,打印unshift定义的变量为数组长度
// 9, 找出某个元素在数组中的索引 indexOf 如果找不到指定元素,就返回-1
let ArrayIndexOf = ArrayList.indexOf('five');
if (ArrayList[1].indexOf('five') !== -1) {
// alert('代表找到') 不等于-1,代表找到元素
} else {
// alert('代表没有找到')
}
// console.log(ArrayIndexOf) 0 定义一个变量indexOf后,打印indexOf定义的变量为该元素的索引
// 10, 通过索引删除某个元素 splice(从什么地方开始(index),删除几个(从什么地方开始那个值算起))
let ArraySplice = ArrayList.splice(1, 1);
// console.log(ArrayList) ["five", "three"] splice 完成后打印原数组,就是splice后所有的值
// console.log(ArraySplice) ['two']; 定义一个变量splice后,打印splice定义的变量为删除的元素
// 11, 复制一个数组 slice
let ArraySlice = ArrayList.slice()
// console.log(ArraySlice) ["five", "three"] slice 完成后,就复制原数组
// 12, Array.isArray() 判断是不是数组 返回是布尔类型 true false console.log(Array.isArray(ArrayList))
// 13, 数组方法 concat() 用于合并两个或多个数组(合并多个中间用逗号隔开),返回一个新数组。
var array1 = ['1', '2', '3'];
var array2 = ['a', 'b', 'c'];
// console.log(array1.concat(array2)) ["1", "2", "3", "a", "b", "c"]
var words = ['one', 'two', 'three', 'four'];
words.forEach(function (item) {
// console.log(item) 每一项
if (item === 'two') {
words.shift();
}
})
// console.log(words) ["two", "three", "four"]
}, methods: { },
}; </script>
<style scoped> </style>
js中Array数组基本方法的更多相关文章
- JS中Array数组的三大属性用法
原文:JS中Array数组的三大属性用法 Array数组主要有3大属性,它们分别是length属性.prototype属性和constructor属性. JS操作Array数组的方法及属性 本文总结了 ...
- JavaScript中Array数组的方法
查找: indexOf.lastIndexOf 迭代:every.filter.forEach.map.somereduce.reduceRight 用法: /* 1 查找方法: * arr.inde ...
- js中Array数组的属性和方法
这是我自己整理出来的一些关于Array数组的属性和方法,即查即用. 1.Array.length属性:数组的项数组,始终返回0或者更大的值. 2.instanceof操作符:value instanc ...
- Js中Array数组学习总结
第一次写博客...有点方... 小白一枚(是真的小白),自学前端,下面来说说我在学习过程中总结的一些数组操作,如果说哪有错误,请各位大神多多指出,小的虚心接受. 引用类型分为Object类型(所谓的对 ...
- JS中判断数组的方法
JavaScript中检测对象的方法 1.typeof操作符 这种方法对于一些常用的类型来说那算是毫无压力,比如Function.String.Number.Undefined等,但是要是检测Arra ...
- js清空array数组的方法
方式1,splice Js代码 ,,,}; ary.length = ; Java中会报错,编译通不过. 而JS中则可以,且将数组清空了,如 Js代码 var ary = [1,2,3,4]; ...
- js中创建数组的方法
1.声明或创建一个不指定长度的数组(Array)的方式为: 如:var arrayObj = new Array(); 2.声明或创建一个数组并指定长度的数组(Array)的方式为: 如:var ar ...
- js中Array的sort方法
Array.sort方法里需要传入一个参数,是一个function, 如果想要升序排序,就传入这样的一个function: function sortFunction(a,b){ return a-b ...
- Js中Array 函数使用方法
遇到数组有关操作,脑子第一反应不要再是嵌套 for 循环了,Array 类型提供了一些遍历有关的函数. Array.prototype.forEach() : 把数组每个元素丢到一个处理 functi ...
随机推荐
- Centos7 创建内部的yum源
- Lua 哑变量
[1]哑变量 哑变量,又称为虚拟变量.名义变量. 还得理解汉语的博大精深,‘虚拟’.‘名义’.‘哑’等等,都是没有实际意义.所以,哑变量即没有现实意义的变量. 哑变量的应用示例如下: local fi ...
- python zip()函数
描述 zip() 函数用于将可迭代的对象作为参数,将对象中对应的元素打包成一个个元组,然后返回由这些元组组成的列表. 如果各个迭代器的元素个数不一致,则返回列表长度与最短的对象相同,利用 * 号操作符 ...
- 关于eric4和pyqt的入门学习(转)
在Eric4下用PyQt4编写Python的图形界面程序 转载请注明作者RunningOn 本文是PyQt4的入门教程.网上能搜到其它教程,但我觉得讲得不是很清楚,希望这篇文章对入门者更加有帮助. 先 ...
- (纯干货)最新WEB前端学习路线汇总初学者必看
Web前端好学吗?这是很多web学习者常问的问题,想要学习一门自己从未接触过的领域,事先有些了解并知道要学的内容,对接下来的学习会有事半功倍的效果.在当下来说web前端开发工程师可谓是高福利.高薪水的 ...
- CS 2505 Computer Organization I C09: Rational Number
CS 2505 Computer Organization I C09: Rational Number Type in CVersion 5.00 This is a purely individu ...
- CSC 172 (Data Structures and Algorithms)
Project #3 (STREET MAPPING)CSC 172 (Data Structures and Algorithms), Spring 2019,University of Roche ...
- Mysql索引使用解析
摘自:http://blog.chinaunix.net/uid-25063573-id-3032578.html Mysql索引使用解析 1.索引作用 在索引列上,除了上面提到的有序查找之外,数据库 ...
- 【转】java线上程序排错经验2 - 线程堆栈分析
前言 在线上的程序中,我们可能经常会碰到程序卡死或者执行很慢的情况,这时候我们希望知道是代码哪里的问题,我们或许迫切希望得到代码运行到哪里了,是哪一步很慢,是否是进入了死循环,或者是否哪一段代码有问题 ...
- openwrt如何关掉防火墙?
答: 1. 阻止防火墙服务开机自动启动 /etc/init.d/firewall disable 2. 关闭防火墙 /etc/init.d/firewall stop