我的漫漫程序之旅

专注于JavaWeb开发
随笔 - 39, 文章 - 310, 评论 - 411, 引用 - 0
数据加载中……

Prototype1.6 实战04 <数组>

<HTML>
 <HEAD>
  <TITLE> Array 方法全测试</TITLE>
<script src="prototype.js" type="text/javascript"></script>
<script>
        function _each()
        {
            var arr = getArr();
            // 数组的迭代方法value值,index数组索引,当然名字你可以随便起
            arr.each(function(value,index)
            {
                alert("index: " + index  + ",value: " + value );
            });
        }
        //得到数组
        function getArr()
        {
            //div标签内的值转换为数组
            var arr = $w($('d').outerText);
            return arr;
        }

        function _first()
        {
            var arr = getArr();
            alert(arr.first());
        }

        function _last()
        {
            var arr = getArr();
            alert(arr.last());
        }


        function _clear()
        {
            var arr = getArr();
            arr.clear();
            alert("已经清除!现在数组大小为:" + arr.size());
        }
        
        function _clone()
        {
            var arr = getArr();
            var arr2 = arr.clone();
            alert("源:" + arr + ".copy版本:" + arr2);
        }

        function _compact()
        {
            var arr = getArr();
            arr.push(null);
            arr.push("");
            arr.push(undefined);
            alert("压缩前:" + arr + ".压缩后:" + arr.compact());
        }

        function _flatten()
        {
            var arr = getArr();
            alert(arr.flatten());
        }
        //将类数组集合转换为数组
        function _from()
        {
            var inputs = document.getElementsByTagName("input");
            var arr = Array.from(inputs);
            alert("转换前类型:" + typeof inputs + "|转换后类型:" + arr.constructor);
        }

        function _indexOf()
        {
            var arr = getArr();
            if(arr.indexOf('admin') != -1)
            {
                //删掉admin元素
                delete arr[arr.indexOf('admin')];
            }
            //without方法返回一个新的数组(并删除数组中的指定元素),并不会改变原数组
            var arr2 = arr.without(29);
            alert(arr + " , " +  arr2);
            //Returns the debug-oriented string representation of an array.
            alert(arr.inspect());
        }
</script>
 </HEAD>
 <BODY>
<div id="d">admin 29 true false abc</div>
<br />
<input type="button" value="迭代" onclick="_each();"/>
<br />
<input type="button" value="第一个" onclick="_first();"/>
<br />
<input type="button" value="最后一个" onclick="_last();"/>
<br />
<input type="button" value="清除" onclick="_clear();;"/>
<br />
<input type="button" value="复制" onclick="_clone();;"/>
<br />
<input type="button" value="压缩" onclick="_compact();;"/>
<br />
<input type="button" value="平" onclick="_flatten();"/>
<br />
<input type="button" value="转换" onclick="_from();"/>
<br />
<input type="button" value="其它" onclick="_indexOf();"/>
 </BODY>
</HTML>


posted on 2008-07-23 14:02 々上善若水々 阅读(195) 评论(0)  编辑  收藏 所属分类: JavaScript


只有注册用户登录后才能发表评论。
网站导航: