您的位置:

js中数组实例,js 数组

本文目录一览:

js中的数组应用实例

比如说页面中有很多input

type='text'

name=‘inp_txt’,

以10个为例吧

你想要操作这些元素时就要把它们全部获取,不用数组来操作的话就要分别获取并操作10次。

用数组获取

var

inp=document.getElementsByName("inp_txt"),

for(var

i=0;iinp.length;i++){

document.write(inp[i].value)//循环操作每个input

}

这样就可以一次获取并操作全部

所以说:

数组的好处是------可以方便的将一大堆数据进行重复操作

js把循环出来的数放到数组中

//定义数组

arr = [];

//循环

for(var i=0;i10;i++){

//放入数组

arr.push(i);

}

JS生成不重复的随机数组的简单实例

JS生成不重复的随机数组的简单实例

//获取数组中的随机数

//HF.Math.RandomNumbers是前缀,可以自己定义,主要看逻辑代码

HF.Math.RandomNumbers

=

function

(startNum,

endNum,

count,

repeat)

{

var

ret

=

[];

if

(repeat)

{

for

(var

i

=

0;

i

count;

i++)

{

ret[i]

=

HF.Math.Random(startNum,

endNum);

}

return

ret;

}

var

tmp

=

[];

var

i

=

0;

for

(var

s

=

startNum;

s

=

endNum;

s++)

{

tmp[i++]

=

s;

}

var

l

=

tmp.length;

for

(i

=

0;

i

count;

i++)

{

ret[i]

=

HF.Array.Remove(tmp,

HF.Math.Random(0,

--l));

}

return

ret;

}

以上这篇JS生成不重复的随机数组的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

原生JS中数组常见的方法

1.

shift():删除数组中第一个元素,并将长度减1,下面举例:

var arr = ['王思聪', '孙一宁', '刘强东', '奶茶', '签字哥', '都美竹']

 var res = arr.shift()

console.log(res)  //打印出来返回值是被删除的数组元素

2.

 pop():删除数组中最后一个元素,并将长度减1,下面举例:

var arr = ['王思聪', '孙一宁', '刘强东', '奶茶', '签字哥', '都美竹']

 var res = arr.pop()

console.log(res) //打印出来返回值是删除的数组元素

3.

unshift():往数组前面添加一个或多个数组元素,长度要改变,下面举例:

var res = arr.unshift('张姨', 18)

  console.log(res)

   console.log(arr) // 返回值是增加后数组的长度

4.

push():往数组结尾添加一个或多个数组元素,长度要改变

var res = arr.push('随便', '哈哈')

console.log(arr)

console.log(res)

5.

为了更好的代入,下面我们来看一个综合的列子:

var arr = [0, 1, 'a', 0, 66, 0, 0]

要求将数组中的0项去掉,将不为0的值存入一个新的数组,生成新的数组

声明一个新的数组

var newArr = []

遍历

for(var i=0; iarr.length; i++){

            //把0的数组元素删除掉

            if(arr[i]==0){

                continue

            }

            //把这些数据添加到新的数组

            newArr.push(arr[i])

        }

        console.log(newArr)  //最后输出查看结果

6.

concat() : 方法用于连接两个或多个数组, 不改变原数组。返回一个新的数组

var arrName1 = ['签字哥', '李某迪', '波哥', '王思聪']

var arrName2 = ['马云', '马化腾', '王健林', '卢本伟']

var newData = arrName1.concat(arrName2)

console.log(newData)

7.

reverse()  逆向排序, 原数组也被逆向排序了(倒置)

var numArr = [10, 9, 8, 7, 6, 5, 11]

var res = numArr.reverse()

console.log(res)

console.log(numArr)

8.

toString()  将数组转成字符串,推荐使用

var numArr = [10, 9, 8, 7, 6, 5, 11]

toString()属于一个对象的方法

var res = numArr.toString()

console.log(res)

String它是强制数据类型转换的方法,它不属于数组这个对象

9.

join(“拼接符”)将数组转成字符串,中间以拼接符连接

var numArr = [10, 9, 8, 7, 6, 5, 11]

var res = numArr.join('')

console.log(res)

10.

  slice(start,end):  不修改原数组, 将原数组中的指定区域数据提取出来。start开始 end结束。

            如果参数是负值表示从倒数开始。不含结束位置

                                   0         1        2(不包含结束位置)

 var arrName = ['签字哥', '李某迪', '波哥', '王思聪']

var res = arrName.slice(0, 2)

 console.log(res)

11.

splice

            删除:用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数)

            插入:向数组指定位置插入任意项元素。三个参数,第一个参数(开始位置),第二个参数(0),第三个参数(插入的项)

            注意点:第二个参数(0)为0不会删除任何项

            替换:向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)

 var arrName = ['签字哥', '李某迪', '波哥', '王思聪']

       //删除

        //var res = arrName.splice(0, 3)

        //返回值是被删除的数组元素

        //console.log(res)

        //插入

        // arrName.splice(0, 0, '嘿嘿', '哈哈')

        // console.log(arrName)

       //替换

        arrName.splice(0, 2, '都美竹', 'hello')

        console.log(arrName)

js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
40个js实例(js什么是实例)

本文目录一览: 1、求JS分页实例或者servlet分页实例,最好有例子能直接运行看看效果 2、js中的数组应用实例 3、JavaScript学习笔记之数组基本操作示例 4、JS隐藏号码中间4位代码实

2023-12-08
js数组编程入门,数组操作方法js

本文目录一览: 1、JS 数组相关操作 2、JavaScript学习笔记之数组基本操作示例 3、js-数组-1 JS 数组相关操作 push()可以将某些值加入到数组的最后一个位置,并且不限制添加数量

2023-12-08
js经典实例大全,js案例100讲解

本文目录一览: 1、js闭包是什么? 2、js下拉菜单,怎样更简便的实现? 3、js求和小案例 求解 4、JavaScript学习笔记之数组基本操作示例 5、JavaScript实现计算多边形质心的方

2023-12-08
js中数组实例,js 数组

2022-11-25
js获取java的数组,java获取json中的数组

本文目录一览: 1、在js文件中怎么获得java方法返回的值 2、js中获取java文件传过来的list对象列表 3、js 数组 在java中怎么读取 4、JS怎么接收Java返回的数组?求解答 在j

2023-12-08
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
php转js数组,php数组实现

本文目录一览: 1、php 二维数组转JS 2、如何将php数组的值传递给javascript数组? 3、php数组转js数组 4、php二维数组转为js二维数组? 5、php数组如何转换为js数组?

2023-12-08
javascript简要笔记,JavaScript读书笔记

2022-11-17
js输出json数组,js生成json数组

2023-01-06
php生成js数组(php数组实现)

2022-11-12
js取php数组(PHP 遍历数组)

本文目录一览: 1、js获取php的返回数组 2、js如何获取php数组 3、js如何获取php页面数组里面的值 js获取php的返回数组 Ajax获取到的本来就是HTML文本,自然有HTML标签。如

2023-12-08
js实现实例例子,js基础案例

2022-11-24
js数组push源码,js数组push返回值

本文目录一览: 1、JS 数组里明明没有添加元素length却为1还有元素(jquery源码里面) 2、js数组的push操作会返回一个最新的数组 3、js如何动态添加数组? 4、js二维数组push

2023-12-08
php数组怎么转成js数组(php传数组给js)

本文目录一览: 1、如何将php数组的值传递给javascript数组? 2、php二维数组转为js二维数组? 3、php数组转js数组 如何将php数组的值传递给javascript数组? 把对象数

2023-12-08
js代码中script,js代码中的问号是什么意思

本文目录一览: 1、javascript中script的SRC属性 2、JS代码里加载script代码,并隐藏其内容怎么弄呢? 3、使用javascript必须使script标签吗 javascrip

2023-12-08
将php数组转js数组,php字符串转数组函数

本文目录一览: 1、php数组如何转换为js数组? 举例如下: 2、如何将PHP数组的数据插入到javascript数组中 3、php二维数组转为js二维数组? 4、PHP数组中的值如何传递给JS数组

2023-12-08
php数组传给js,php加入数组

2022-12-02
js怎样取出php数组的值(js如何获取数组的值)

本文目录一览: 1、js如何获取php数组 2、js如何获取php页面数组里面的值 3、js获取php的返回数组 js如何获取php数组 刚写的 没测试 给你个思路 你参考一下 form action

2023-12-08
js数组跟php数组的区别(js类数组和数组区别)

本文目录一览: 1、php和js关于数组比较的区别 2、js数组与php数组问题 3、详细解释js中object和php的array的区别,及js中map和forEach所传参代表的意思,及两个函数有

2023-12-08