JS基础的数组小练习（学习）

JS基础的数组小练习

注意:type

text/html
text/javascript

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>数组</title></head><body><script type="text/html">//var name = "张三,李四,王五";//1.使用Array 构造函数/* var arr1 = new Array();//空数组var arr2 = new Array(20);//长度20的数组var arr3 = new Array("溶解莉莉丝","melt lilith",10);console.log(arr1);console.log(arr2);console.log(arr3);*///2.使用数组字面量var arr4 = [];var arr5 = [30];console.log(arr4);console.log(arr5);</script><script type="text/html">var person = ["张三", "男", "23"];console.log(person);//找出数组中的偶数var number = [10, 1, 19, 22, 73];for(var i=0; i < number.length; i++){var item = number[i];if(item % 2 === 0){console.log(item);}}</script><script type="text/html">//求一组数的最大值和最小值，以及所在位置//1.定义变量var numArr = [1, 99, 88, -100, 77, 888];var maxValue = numArr[0], minValue = numArr[0];var maxIndex = 0,minIndex = 0;//最大索引 最小索引//2.遍历数组for(var i=1; i< numArr.length; i++){//如果数组中的元素大于我们定义的初始值if (numArr[i] > maxValue){//把这个元素赋予最大值,并改变索引maxValue = numArr[i];maxIndex = i;}if (numArr[i] < minValue){minValue = numArr[i];minIndex = i;}}console.log(maxValue);console.log(maxIndex);console.log(minValue);console.log(minIndex);</script><script type="text/html">//将数组中值为0的数去掉，不为0的存入一个新数组var arr = ["陈英俊", 18, 0, "中", 0, 8008208820];var newArr = [];for(var i=0; i< arr.length; i++){if(arr[i] !==0){newArr[newArr.length] = arr[i];}}console.log(newArr);</script><script type="text/html">// join(separator)var arr = ["刘油",20,"杀马特"];console.log(arr.join("|"));</script><script type="text/html">//push()和pop()var arr = ["尼禄","冲田总司","张伟"];var count = arr.push("达芬奇","福尔摩斯");console.log(count);console.log(arr);var item = arr.pop();console.log(item);console.log(arr);</script><script type="text/html">//shift()删除数组的第一项，并返回删除元素的值，如果数组为空则返回undefined//unshift()将参数添加到原数组的开头，并返回数组的长度var arr = ["张三","李四","王五"];console.log(arr.shift());console.log(arr.shift());console.log(arr);var count = arr.unshift("二吊蛋","愣头青");console.log(count);console.log(arr);</script><script type="text/html">var arr = ["张三","李四","王五"];arr.reverse();console.log(arr);//反转数组项</script><script type="text/html">//concat()将参数添加到原有数组中，这个方法会先copy一个当前的数组，然后将接收到的参数添加到这个copy的数组的末尾，最后返回新构建的数组，在没有给concat()方法传递参数的情况下，它只是复制了当前的数组并返回var arr = [1, 3, 5, 7, 9];var copyArr = arr.concat(11, "王老五");console.log(arr);console.log(copyArr);arr.push([11,17]);console.log(arr);</script><script>//indexOf()和lastIndexOf 这两个方法都返回要查找的项在数组中的位置或者在没找到的情况下返回-1//在比较第一个参数与数组中的每一项时，会使用全等操作符//indexOf() 接收两个参数: 要查找的项和(可选的)表示查找起点位置的索引。其中。从数组的开头开始向后查找//lastIndexOf() 接收两个参数：要查找的项和(可选的)表示查找起点位置的索引。其中,从数组的末尾开始向前查找。var arr = [2, 4, 6, 8, 8, 6, 4, 2];console.log(arr.indexOf(4, 2));console.log(arr.lastIndexOf(4, 6));console.log(arr.indexOf("4")); //返回-1</script>
</body></html>

JS基础的数组小练习（学习）相关推荐

Vue.js 基础语法入门语句 Vue学习笔记 v-model 双向数据绑定
Vue.js 基础语法,入门语句,Vue学习笔记学习网站:https://www.bilibili.com/video/BV15741177Eh vue 的体验响应式:数据一旦改变,视图就会响应改 ...
node.js云学堂微信小程序学习系统的设计与实现毕业设计源码011735
Node.js云学堂微信小程序摘要信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克的课 ...
js基础（数组）--数组类型、类数组对象、作为数组的字符串
1.数组类型我们到处都可以看见数组是具有特殊行为的对象.给定一个未知的对象,判定它是否为数组通常非常有用.在ECMAScript 5中,可以使用Array.isArray()函数来做这件事情:Ar ...
JS基础之数组--概述、创建数组的几种方式、数组的特点、数组的常用方法、数组的解构赋值、数组高级API
一.概述描述:数组(array)是按照一定顺序排列的一组值,每个值都拥有自己的编号,编号从0开始.整个数组用方括号来表示. 语法:var arr=[item1,item2,item3-] 1.1 注 ...
【 js 基础】【源码学习】 setTimeout(fn, 0) 的作用
在 zepto 源码中,$.fn 对象有个 ready 函数,其中有这样一句 setTimeout(fn,0); 1 $.fn = { 2 ready: function(callback){ 3 ...
初级JS二维数组小案例
题目: 通过循环按行顺序为一个5×5的二维数组a赋1到25的自然数,然后输出该数组的左下半三角.试编程. 什么是二维数组? 例子:var arr = [[1,2,3,4],[5,6,7,8]]; 数组 ...
【无标题】js基础之数组
数组 1)数组的定义:一组数据有序排列的组合 2)数组关键词: 数组名: 数组元素: 数组索引: 数组长度: 访问数组元素:数组名(索引) 注:最后成员的索引<数组长度定义数组(创建) 字面量 ...
Vue.js基础入门到实战视频学习教程
百度网盘下载地址: https://pan.baidu.com/s/17SGIQN9zGQws3LFmQDsE9A 提取码: r47a
微信小程序js数组初始化_微信小程序学习Course 3-2 JS数组对象学习
微信小程序学习Course 3-2 JS数组对象学习本节主要介绍JS中的数组. 3-2.1 数组的声明数组声明的方式多种,如下例.一般我们可以先创建一个空数组,然后再填充. var names = ...

JS基础的数组小练习（学习）

JS基础的数组小练习

JS基础的数组小练习（学习）相关推荐

最新文章

热门文章